Overview
UMBRA is an industry design system for flagship design-object and premium hardware launches: one hero object per page (audio, lighting, home objects), darkroom reveals, material close-ups, spec tables, numbered-edition reservations and keynote-style decks. It pairs uppercase Hanken Grotesk headlines capped at weight 500 with a warm darkroom token set (Umbra near-black, Char, Tobacco, Soot hairlines, Parchment cream text), one Filament orange kept for the tiny object labels, lit Parchment pill controls, underline-only inputs, dashed 1px rules, 12px surfaces with no shadows, and a darkroom imagery language with Hero, Material and Detail photo roles built around a fictional bronze-and-walnut speaker. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, VESPER object launch landing starter, 16:9 launch deck, and sample darkroom photography in assets/imagery/.
Highlights
- Flagship design-object and premium hardware launch system
- Umbra / Char / Tobacco / Parchment darkroom palette + one Filament label accent
- Uppercase Hanken Grotesk at 400–500, 0.9 line-height on display type
- Lit Parchment pills, underline-only inputs, dashed 1px rules, no shadows
- Darkroom imagery roles: Hero · Material · Detail (fictional bronze speaker)
- Hero serial label, floating price capsule, void reveal, compare table, edition reservation
- VESPER launch landing + 16:9 launch deck
