PATCH-01 by Ferro Instruments

PATCH-01 is a launch page for a 16 HP Eurorack voice from Ferro Instruments: one oscillator, a wavefolder, a resonant filter, a VCA and an LFO. The page does not describe the module first. It hands it to you. The real-time 3D module at the top turns, takes cables, comes apart and makes sound, and the patch you make there follows you all the way down to the order form.

It is a concept site, made by the Laarpi team with Laarpi's library and process. The maker and the module are invented, and the footer says so.

The idea

People who buy modular synths judge a module by its panel, its knobs and its sound before they read a spec sheet. So the page leads with the thing they judge by. The brief set four goals in this order: let visitors play the module before they read about it, show how it is built and where the signal goes, prove the numbers with a real drawing, then take pre-orders.

The art direction treats the page as a drawing set for a working instrument: product poster, teardown, oscilloscope, datasheet, order form. One rule holds the palette together: orange appears only on things that carry signal, such as cables, knob index lines, the scope trace and the active stage.

The brief also listed what to avoid: synthwave neon, invented testimonials or artist logos, stock studio photos, icon-card feature grids, and any sound before the visitor presses Power.

What you can do

• Play it. Drag a knob up or down to turn it. Pull a plug and drop it into another jack; outputs feed inputs. Press Power and the voice starts, with a live readout of pitch, shape, fold, cutoff, resonance and LFO.
• Take it apart. Scroll and the module turns three-quarter and separates along its screw axes into six numbered layers: screws, knobs, hardware, panel, control board and main board.
• Follow the signal. The camera moves into the module's own 1.8-inch screen. Scrolling moves the probe from oscillator to wavefolder, filter, VCA and LFO. With the power on, you hear what you see.
• See your patch. The scope trace lifts off the glass into a glowing three-dimensional figure drawn from your own patch: the output plotted against itself a fraction of a cycle later. Change the patch and the figure changes.
• Check the numbers. A paper datasheet slides over with front and side elevations drawn from the same layout data as the 3D model, next to a specification table.
• Pick a finish. Raw or Carbon re-anodises the panel with a wipe, beside the pre-order button.

How it's made

The module is modelled in code at true millimetre scale: lathe-turned knobs with a diamond-knurl pattern, hex nuts, threaded bushings, LEDs, a glass-covered scope, two populated circuit boards and a red-stripe power ribbon. The panel legends are engraved from the page's own fonts. One three.js renderer draws the whole page, and the module is framed into boxes in the layout so it never runs under the copy.

The light is a CC0 studio HDRI from Poly Haven, graded at runtime into a black studio, plus light cards. The brushed streaks on the aluminium come from a CC0 ambientCG metal material, packed into a single image. Bloom is limited to things that glow, such as LEDs and the scope.

The spec drawing is not an illustration. It is rendered as SVG from the same layout file that places every knob and jack on the 3D panel, so the drawing and the model cannot disagree.

The type follows the engineering idea. Hubot Sans, wide and heavy, fills the viewport with the PATCH-01 wordmark. Mona Sans sets the copy, and Azeret Mono carries every number and readout with tabular figures, like an instrument display.

For what makes a launch page sell, see a launch page that converts and the product launch page use case. The interactive website examples, product website examples and 3D website examples collect it with our other concept sites.

Speed

Measured on 6 October 2026, cold, with an empty cache, on our phone profile: slow 4G (1.6 Mbps down, 150 ms round trip), CPU slowed four times, a 390 × 844 screen.

A loading pass on the same day halved both figures: the module was taking 15.7 s on this profile and transferring 1.99 MB from four origins. The loader shows real progress from the first paint, so the wait is never a blank screen. Rendering resolution is capped (2× on desktop, 1.5× on touch screens) and drops when frames run long, and rendering pauses when the module is hidden or covered. The phone profile slows the CPU but not the graphics chip, so real phones can take longer. Fast websites with 3D covers the techniques.

Accessibility

With reduced motion on, there is no smooth scrolling and there are no camera flights: each section holds a composed, still state, the LEDs stay steady and the cables hang settled. The knobs are slider controls over the render, so they take arrow keys and Page Up and Page Down. The jacks are buttons: Enter or Space picks up a cable and plugs it in, and a live region announces each change to screen readers. Sound never starts until you press Power. More in accessible motion.

Provenance and credits

A concept site made by the Laarpi team with Laarpi's library and process. It was not produced end to end by SI, Laarpi's website agent. Sites SI builds on its own carry a "Built by SI" label with their build time and cost.

The module's geometry, panel engraving, circuit-board artwork, cables, voice, scope and figure shaders are original code written for this site.

For two more objects you can handle, see Meridian M-01, a watch movement you can wind and take apart, and BASALT Tapes, a glass record you can light and break. To start your own product page from this one, remix it.