Screenshot of Tartine Bakery

Tartine Bakery

tartinebakery.com/

The reference for a monospace-typewriter craft-bakery voice: PitchSans set everywhere over a warm cream field (#fdf9f5) with a single burnt-gold accent (#c87e1e) and a photo-filling hero, the mono type doing all the personality so the layout can stay plain.

Hospitality flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
PitchSans
body
PitchSans
mono

Do / Don't

Reference it for

  • Committing to ONE monospaced grotesque (PitchSans) across nav, hero, body and buttons: typewriter craft signal with zero serif/sans mixing
  • Warm off-white page fields (#fdf9f5, #f6f4f4, #f7f1ee) instead of pure white to read hand-made not corporate
  • Burnt-gold single accent #c87e1e (rgb 200,126,30) reserved for the ORDER button + link underlines, everything else near-black #231f20
  • Near-black ink #231f20 (not #000) for softer, warmer body text on cream
  • Full-bleed photographic hero (baker at work) with headline+dek overlaid bottom-left, no scrim card just direct text on image
  • Wide letter-spacing (0.66px body, 1.1-2.67px on eyebrows/labels) that mono type needs to breathe
  • A slim top utility strip above the nav ('CRAVING PIZZA? CLICK HERE...') for a secondary CTA, underlined link + arrow
  • Centred wordmark nav: LOCATIONS / ABOUT split left, wordmark centre, NATIONAL SHIPPING + solid ORDER button right

Do not copy

  • The TARTINE wordmark and letter-spaced logo lockup
  • PitchSans itself (licensed retail face) unless properly licensed; sub a different mono
  • The exact baker/bread hero photography and the Inside Stories video series
  • Brand-specific copy: 'Rise each day. Warm every table.' and 'bread with an old-soul'
  • The Vogue pull-quote and specific press attributions
  • Real location counts, addresses (600 Guerrero St) and the info@/press@ emails
  • The Goldbelly national-shipping partnership framing