Yun Hai Taiwanese Pantry
yunhai.shopThe 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)