Bao

baolondon.com

The reference for a full-bleed food-photography restaurant hero carried entirely by Brown (Lineto) at 14px body weight, a near-black #000000 palette, and a single hot red #FF0000 accent, restraint everywhere except the plate.

Hospitality flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
display
Brown
body
Brown
mono

Do / Don't

Reference it for

  • Full-viewport edge-to-edge food photograph as the hero with zero overlaid copy, just a small centred chevron scroll cue at the bottom
  • Brown (Lineto geometric sans) as the ONLY typeface across the whole site, no serif companion, weights 300/400/700
  • Tiny confident body type: 14px at 17.5px line-height is the workhorse (76 of the type instances), the site trusts photography to carry scale not headings
  • Centred top nav (Restaurants / Karaoke / Shop / Deliver or Collect / Bookings) balanced around a small line-drawn face-logo mark top-left
  • Off-white paper background #F9F9F5 (rgb 249,249,245) instead of pure white for the content sections under the imagery
  • Fully rounded pill buttons: border-radius 9999px, solid black fill (Accept) vs mid-grey (#4B4B4A Reject) for primary/secondary hierarchy
  • One saturated hot red #FF0000 (rgb 255,0,0) reserved for accent surfaces and the rare red text #F20000, used sparingly against the mono palette
  • Restrained neutral text ramp: #000000 for headings/labels, #4B4B4A (rgb 75,75,74) for muted secondary copy

Do not copy

  • The BAO line-drawn face logo (the man biting a bao)
  • The BAO name, restaurant names (Xiao Chi House, Noodle Shop, Grill House) and London location list
  • The Brown typeface itself (licensed Lineto face, source your own)
  • The exact hot red #FF0000 as a house accent, it is BAO's signature
  • The specific dish photography (XL Grilled Beef Rice, the bao hero shot)
  • Brand copy like 'Award winning Taiwanese Restaurants' and 'immersive designed spaces'
  • The karaoke room naming scheme (New York Room, Taipei Room, Paris Texas Room)