Chillhouse

The reference for a playful DTC beauty storefront that stays editorial: full-bleed product photography under an oversized Suisse Works serif hero (72px) on a warm bone canvas (#F8F7F2), with a peach announcement bar (#FFB990) and coral shop buttons (#FF6D6A).

Beauty flagship

Design tokens

background

surface

text

textMuted

accent

border

tone1

tone2

display: Suisse Int'l Condensed
body: Sofia Pro
mono

Do / Don't

Reference it for

Oversized editorial serif hero set in Suisse Works at 72px (line-height 79.2px), reversed white over full-bleed product photography
Warm bone page canvas #F8F7F2 instead of pure white, keeps the palette soft and premium
Peach announcement bar #FFB990 with a ticker of dot-separated promos (SUMMER IS HERE - NEW POLISH SHADES) at 32px height
Coral CTA buttons #FF6D6A with square 0px radius and black bold Sofia Pro label, a deliberate flat non-rounded button system
Type pairing: Suisse Works serif for display, Sofia Pro for body, Suisse Int'l Condensed for eyebrow labels and nav in ALL CAPS with 0.64px tracking
Condensed all-caps section eyebrows (CHILL TIPS - PRESS ONS, FOREVER WEAR - POLISH) as category dividers
Product grid with NEW / SAVE 25% / SOLD OUT corner flags, star-rating rows, and struck regular-vs-sale pricing
Sticky vertical Reviews tab pinned to the left edge in a peach chip #FFDBC2

Do not copy

The chillhouse wordmark and lowercase logo
The exact licensed typefaces Suisse Works, Suisse Int'l Condensed and Sofia Pro
BE YOURSELF FIND YOUR CHILL trademark and the 'find your chill' voice
Named product lines: Chill Tips, Forever Wear, Super Tint, Lace Affair
The nail/finger product photography and shade swatches
SoHo flagship address and NYC salon origin story
Real customer names and dated review quotes