Overview
NOCTURNE is an industry design system for premium camera and lens makers: launch reveals, highlight tiles, finish stories, lens line-ups, spec comparisons, buy flows and keynote-style decks. It sets semibold Onest headlines with tight tracking on an absolute-black Night Stage that alternates with Charcoal Band sections, keeps Shutter Blue for purchase pills and Lens Blue for links, reserves Bordeaux for the product finish, marks launches with a Release Copper label, and uses 28px media frames, pill controls and 1px rings instead of shadows. The imagery language has Space, Material and Object roles built around a fictional mirrorless camera and prime lenses. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Halde N1 launch landing starter, 16:9 keynote deck, sample web photography in assets/imagery/, and README, AGENTS.md and CLAUDE.md guides.
Highlights
- Premium camera and lens launch industry system
- Night Stage / Charcoal Band / Gallery Silver + Shutter Blue + Onest semibold
- Black stages alternating with charcoal bands, one white compare surface
- 28px media frames, pill controls, 1px rings instead of shadows
- Web imagery roles: Space · Material · Object (fictional mirrorless camera and primes)
- Finish selector, price capsule, spec grid, compare table and buy flow
- Halde N1 launch landing + 16:9 keynote deck
