Bar Pez
barpez.ie/The reference for a restaurant landing page that runs entirely on a single warm-brown ground (#50301C) with everything, giant wordmark, nav and body, set in one orange (#FF5635) Raisonne Light, letting two candid kitchen photos do all the colour work.
Hospitality flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
- display
- Raisonne
- body
- Raisonne Light
- mono
Do / Don't
Reference it for
- Full-bleed single-colour ground: warm cocoa brown #50301C behind the entire page, no white anywhere
- One-hue type system: every word in orange #FF5635, no secondary text colour, contrast carried by the brown ground
- Oversized letter-spaced wordmark BAR PEZ set huge across the top with a wide word gap as the whole masthead
- Raisonne Light (a thin geometric sans, .otf self-hosted) used at every level, hero heading and 16px body alike, weight 400 only
- Restrained type scale: just 16 / 20 / 35px, hero intro at 20px, no big display headline needed
- Asymmetric editorial layout: tall portrait food photo pinned left, intro copy and hours top-right, negative space doing the composition
- Vertical stacked nav as content (FOOD / WINE / RESERVATIONS / GIFT VOUCHERS / CONTACT) at large size, list-as-navigation
- Hours block set plainly in the corner with en-dash and em-dash ranges (5-10, 3-10) as a design element
Do not copy
- The BAR PEZ wordmark and name
- Raisonne (a licensed foundry face, self-hosted here, not free to reuse)
- The exact brown-plus-orange pair #50301C / #FF5635 as-is
- The specific candid kitchen and prep photos and the people in them
- The 'From the people behind Fish Shop and Beach House' lineage line
- The Irish-produce tapas positioning copy
- The hand-drawn wine-glass icon