Screenshot of Passione Vino

Passione Vino

passionevino.co.uk/

The reference for a warm editorial wine-merchant hero: centred Laica slab-serif set on cream #fffcf9, a hand-drawn brush underline under the key phrase, and scattered polaroid-framed photos that scroll-reveal like a shop noticeboard.

Hospitality flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
display
Laica
body
Nuckle
mono

Do / Don't

Reference it for

  • Cream paper backdrop #fffcf9 (var --beige) instead of stark white, warmed further by tan tones #e3d7cb and #eee6dc for alternating sections
  • Laica slab serif for the display headline, centred, mixing regular and bold weight in one sentence ('Italy since 2003' bold against the light-weight lead-in)
  • The hand-drawn brush-stroke underline swooshed under a key phrase, a human mark that breaks the digital grid
  • Nuckle grotesque as the workhorse UI/body face (105 uses) paired against the serif display, both fall back to Arial
  • Polaroid device: white-bordered photos, each rotated a few degrees at different scroll depths, overlapping like pinned snapshots
  • --reveal-slide-transition and --reveal-fade-transition on cubic-bezier(0.645,0.045,0.355,1) for scroll-in reveals, ~0.6s
  • Tiny hard-cornered navigation: 2px/3px border-radius only, no soft rounding anywhere except full-circle avatars (100%)
  • Type scale that jumps hard: 22px body cluster up to 55-72px display, little in between

Do not copy

  • The 'Passione Vino' wordmark and split logo lockup
  • The Laica + Nuckle licensed typeface pairing (buy or substitute, do not lift the files)
  • The exact brush-stroke underline squiggle (redraw your own gesture)
  • The real photos of the winemakers, staff and the Shoreditch/Clerkenwell bars
  • Brand copy like 'Sourcing you the finest wine from across Italy since 2003' and 'picked by Luca'
  • The 'Site by Forty Eight Point One' studio credit
  • The specific bordeaux #791a1a as a brand-owning colour