Skip to content
Library

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.

Screenshot of Analogue
Captured from analogue.co on October 11, 2026

Analogue design system

Analogue

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

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.