Analogue. Products float in void.
- Commerce
- Dark theme
- 5 colors
- 1 typeface
Analogue presents as a black-box gallery: products float untethered against pure dark voids, lit like museum objects rather than marketed like commodities. The visual language is rigorously monochrome — black, white, and a single soft gray do all the work, with no chromatic accents competing for attention. Typography is a single custom family used at whisper-to-medium weights, carrying dramatic negative tracking that tightens aggressively as size increases. Components feel weighted and architectural: rounded card corners, generous breathing room, and the only 'action' surface is a clean white pill that reads as a beacon against the dark. Every screen should read as quiet and confident, letting the hardware itself be the spectacle.

Analogue design system
Neutrals5
Page backgrounds, section canvases, card surfaces in dark sections
Tertiary text, placeholders, disabled state text, publication/attribution labels
Secondary text, muted captions, supporting metadata on dark surfaces
Subtle borders, hairline dividers, light-mode card surfaces, light section backgrounds
Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Bone White on Carbon Canvas
21.00 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











