Opening the vault…
Opening the vault…
Style sheet · 3 references
Physical hardware romance: knurled rotary dials, matte anodized aluminum, segment LCD counters, chamfered sub-chassis, and Dieter Rams / Teenage Engineering functionalism.
The whole sheet as Markdown, every move cited to the reference it came from. Paste it into your DESIGN.md as a starting system.
# Tactile Industrial / Braun — style sheet > Physical hardware romance: knurled rotary dials, matte anodized aluminum, segment LCD counters, chamfered sub-chassis, and Dieter Rams / Teenage Engineering functionalism. Derived from 3 curated reference(s) in the `tactile-industrial` family. Counts are how many references use a value, so a value used once is a lead, not a rule. Paste this into DESIGN.md as a starting system, then verify against the images. ## Type - Akzidenz Grotesk — 1/3 - Arial — 1/3 - IBM Plex Mono — 1/3 - Inter — 1/3 - Neue Haas Grotesk — 1/3 - Space Mono — 1/3 ## Color - `#171615` dark neutral — 3/3 - `#f4f1ea` light neutral — 3/3 - `#242321` dark neutral — 1/3 - `#f35b25` chromatic — 1/3 - `#d5d1c7` mid neutral — 1/3 - `#f5d089` chromatic — 1/3 - `#00ff88` chromatic — 1/3 Readable pairs from these swatches, most-used first (WCAG AA body text needs 4.5:1): - `#171615` / `#f4f1ea` — 16:1 - `#242321` / `#f4f1ea` — 13.9:1 - `#171615` / `#00ff88` — 13.5:1 - `#171615` / `#f5d089` — 12.3:1 ## Moves ### texture/material - Matte anodized dark aluminum surface ground (#171615) paired with a high-voltage safety orange indicator (#f35b25). — 31-teenage-engineering-op-xy - High-contrast OLED black theme where inactive controls drop to 12% opacity. — 33-analogue-pocket-os ### grid/layout - Strict 3-column asymmetric layout where the product rests on an invisible baseline shelf. — 32-braun-audio-le-series - 2px inset border lines simulating physical injection-molded plastic seams between navigation groups. — 33-analogue-pocket-os ### component pattern - Physical step-sequencer interface translated directly to web canvas: 16 tactile rubber buttons with recessed LED wells. — 31-teenage-engineering-op-xy ### typography - Heavy lowercase headers with tight negative tracking, echoing Dieter Rams' 1960s typographic standard. — 32-braun-audio-le-series ## References - 31-teenage-engineering-op-xy — Teenage Engineering OP-XY (exemplar) - 32-braun-audio-le-series — Braun Audio LE Series - 33-analogue-pocket-os — Analogue Pocket OS
Matte anodized dark aluminum surface ground (#171615) paired with a high-voltage safety orange indicator (#f35b25).
High-contrast OLED black theme where inactive controls drop to 12% opacity.
Strict 3-column asymmetric layout where the product rests on an invisible baseline shelf.
2px inset border lines simulating physical injection-molded plastic seams between navigation groups.
Physical step-sequencer interface translated directly to web canvas: 16 tactile rubber buttons with recessed LED wells.
Heavy lowercase headers with tight negative tracking, echoing Dieter Rams' 1960s typographic standard.