Screenshot of Watchhouse

Watchhouse

watchhouse.com/

The reference for editorial speciality-coffee commerce: a warm cream field (#F9F4EE) under a full-bleed split hero and Tiempos Headline serif set against Balto sans, calm and premium with no accent colour doing the work.

Hospitality flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
display
Tiempos Headline
body
Balto
mono

Do / Don't

Reference it for

  • The cream-on-black editorial palette: page background #F9F4EE with pure-black #000000 text and buttons, warm not white
  • Tiempos Headline serif for display (hero 'Shop coffee.', 36-48px section statements) paired with Balto sans (Book 300 / Medium 500) for all UI and body
  • The trailing full-stop naming convention on every nav item and heading (Subscribe. Shop. Visit us. Modern Coffee.) as a house voice tell
  • 50/50 full-bleed split hero with two photographic panels and a 01/02 slide counter top-left
  • Overlaid hero CTA as a label plus a thin full-width rule and a right-aligned arrow ('Discover ------>') rather than a filled button
  • Zero-radius square buttons (--wk-button-border-radius 0px) in black with cream label #F9F4EE, deliberately un-rounded against Shopify defaults
  • Big editorial section statement set left-eyebrow / right-serif-paragraph ('Modern Coffee.' | 'Our pursuit of excellence...')
  • The category colour system as muted earth tones: Rituals #F0DBBD, Ventures #C29C97, Horizons #696E71

Do not copy

  • The WatchHouse wordmark and its bespoke 'WatchHouse Serif' typeface
  • The exact category names Rituals / Ventures / Horizons and their specific hexes
  • Real House locations (Tower Bridge, Marylebone, Chrysler Building) and the London/NY/Dubai footprint
  • Product photography of the roaster, the barista and the timber espresso House interiors
  • The '1829 Espresso' / 'Turihamwe' product names and their tasting-note copy
  • The '© WatchHouse 2026' brand copy and specific subscription pricing (£12, £42)
  • The licensed Tiempos Headline face as-is (substitute a comparable editorial serif)