Screenshot of Yun Hai Taiwanese Pantry

Yun Hai Taiwanese Pantry

yunhai.shop

The reference for warm heritage-grocery ecommerce: a full-bleed terracotta (#c24526) masthead over a moody product photo, a serif (BTPNormal) editorial voice, and deep-green (#0f5e39) colour-blocked sections that carry a specialty-food shop with real cultural weight.

Retail flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
HWCIgarsReg
body
BTPNormal
mono

Do / Don't

Reference it for

  • Full-bleed terracotta header band (#c24526) sitting directly above a dark, atmospheric hero photograph, no gutter between them
  • Centred serif hero lockup: a 13px uppercase letter-spaced eyebrow (FERMENTED SOY TRADITIONS FROM TAIWAN), a 24px serif headline, then a ~16px serif paragraph and a single underlined text link (SHOP NOW)
  • BTPNormal serif set at 400 weight for nearly everything, the whole site runs light-weight serif rather than a bold sans, which reads editorial not corporate
  • Colour-blocked section rhythm: solid deep-green panel (#0f5e39) with white type immediately after the hero, giving strong band-to-band contrast
  • Bilingual product naming, Traditional Chinese heading stacked above the English name, treated as a design feature not an afterthought
  • Terracotta primary button (--bg-color--button #c24526) with white text and 2px radius, calm and square rather than pill
  • Restrained accent triad: terracotta, forest green, and a mustard-gold promo bar (#e2b712) for the shipping notice at the very top
  • Body ink of #444444 (not pure black) on white for a softer editorial page

Do not copy

  • The YUN HAI hand-drawn wordmark and its playful baseline wobble
  • The exact terracotta + forest-green + mustard palette, it reads unmistakably as this shop
  • Yun Hai's product photography (soy sauce bottles on terracotta vats, ceramics, dried fruit)
  • Founder and brand copy (Lisa Cheng Smith, the newsletter voice, the Brooklyn store hours)
  • The Traditional Chinese product names and specific Taiwanese heritage-goods catalogue
  • The Taiwan Equality Campaign pride-goods section and its cause copy
  • Shopify/Junip review-widget chrome (the 4.91 / 873 reviews block styling)