Hi-Fi Volume
An amplifier hero in walnut and brushed brass. The input selector snaps and lights its legend, the attenuator clicks 2 dB a step, and two VU needles swing to what the music would read.
Built with Detent Dial
What it is for
A product-page hero for premium audio or any instrument with a meter: the unit is shown switched on.
Everything you set here is what the Code and Prompt tabs give you.
Seats open in 11 days. Want one email that morning?
Datasheet
- Mechanism
- Stepped attenuator, Snapping input selector, Vu ballistics, Finite programme, Svg wood grain, Container queries
- Stack
- Vanilla ES modules, CSS, SVG
- Needs
- Detent Dial
- States
- 9 documented
- Version
- 0.1.0
- Licence
- With a Pass
States
- Playing a sideOnce, when the unit is first 35% visible, a finite programme (kick, phrase, texture) drives both needles through the chosen source's level and the attenuator; the loop ends with the side.
- At restAfter the side, on pause, off-screen or in a hidden tab the needles fall to the stop, settle, and the loop sleeps.
- Selecting a sourceThe selector snaps between PHONO, CD, STREAM and AUX; the chosen legend lights as if backlit and the source name glows in the meter window.
- Stepping the volumeTwenty-four 2 dB clicks from −46 dB to 0 dB, mute below; the needles follow within 300 ms.
- Power offThe meter lamps dim, the jewel lamp and legends go dark, the needles fall.
- MaterialsWalnut, oak or ebony cheeks drawn with SVG fractal noise; any dial finish; one lamp angle.
- Reduced motionNo needle flight: Play puts the needles on the programme's steady reading; all transitions go.
- TabletA landscape faceplate with smaller meters and knobs from 760 px; a portrait faceplate below.
- PhoneThe portrait faceplate: meters across the top, selector and volume side by side, the maker's mark at the foot; no sideways scroll at 390 px.
Notes
Two Detent Dials do the jobs detents were invented for: a selector that snaps between named sources and a stepped attenuator. Spring-damped VU needles driven by a deterministic programme through the source level and the volume make the product perform once, then rest.
Original. Ashgrove and the Model Forty are fictional; the warm cream meters are deliberately not the blue-lit windows of any real maker. The VU scale is voltage-true and the needle is a damped spring tuned to VU ballistics. Fonts: Crimson Pro and Arsenal SC, both OFL 1.1, shipped as WOFF2 with their licences.
Anatomy
Stepped attenuator, Snapping input selector, Vu ballistics, Finite programme, Svg wood grain, Container queries
Usage notes
A product-page hero for premium audio or any instrument with a meter: the unit is shown switched on. Two Detent Dials do the jobs detents were invented for: a selector that snaps between named sources and a stepped attenuator. Spring-damped VU needles driven by a deterministic programme through the source level and the volume make the product perform once, then rest.
Options
| Option | Type | Description |
|---|---|---|
| headline | text | Text after the first comma is set in italic on its own line. |
| kicker | text | Kicker |
| lede | text | Lede |
| cta | text | Button |
| price | text | Price |
| input | enum | Where the selector starts. Each source arrives at its own level. |
| volume | number | The stepped attenuator. |
| autoplay | boolean | Once, when the hero is first seen; then it stops. Play starts it again. |
| side | number | Side length (s) |
| wood | enum | Cheeks |
| finish | enum | Knob finish |
| light | number | Light from (degrees) |
Methods
- playing
- needles
- update
- destroy
How it works
Original. Ashgrove and the Model Forty are fictional; the warm cream meters are deliberately not the blue-lit windows of any real maker. The VU scale is voltage-true and the needle is a damped spring tuned to VU ballistics.