Screenshot of Bernice Bakery

Bernice Bakery

bernicebakery.com/

The reference for a Shopify bakery that reads like an art book: room-filling Apfel Grotezk caps (128px, weight 800) in cream #f8f8f2 laid straight over full-bleed dessert photography, punctuated by a single hot-pink #ffa7ee sticker.

Hospitality flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
Apfel Grotezk
body
Apfel Grotezk
mono

Do / Don't

Reference it for

  • Oversized display caps set in Apfel Grotezk 800 at 128px (line-height 115px) that fill the viewport width, e.g. 'A BAKING / LOVE AFFAIR', letting the food photo show through the negative space
  • Cream-on-photo type: text colour #f8f8f2 (beige) rather than pure white, so it sits warmer against the imagery
  • The pink circular 'sticker' badge #ffa7ee with rotated inline text ('INDULGE') as a playful single accent
  • A restrained two-face system: Apfel Grotezk for hero + titles, balto (sans) for body at 16px, no third display serif
  • Full-bleed hero photograph of the product itself (flatlay of cake slices and cookies) with the nav floating transparent over it
  • Deep-teal #147c98 and near-black #112229 as the two solid section backgrounds that break up the photo runs
  • Pill and blob radii: 100px / 200px buttons plus the arched card radius 500px 500px 80px 80px for a soft-topped product tile
  • A looping 'BESTSELLERS' marquee band as a section divider (repeated word ribbon)

Do not copy

  • The Bernice / BERNICE wordmark and the arched-B logotype
  • The exact hot-pink #ffa7ee and teal #147c98 pairing as a whole palette
  • Licensed Apfel Grotezk and balto font files
  • The real dessert photography and press quotes (Cult MTL, childhood-cookie blurbs)
  • St-Henri address, phone, and 'Made by Casa Media' credit
  • The 'A BAKING LOVE AFFAIR' / 'INDULGE' brand copy verbatim
  • The specific product line-up, box sizing and $29 pricing