Tr S Bien

The reference for austere black-on-white fashion retail: pure #000 on #fff, one grotesk (Neue Haas Grotesk 500) at every size, a full-bleed two-tile editorial hero and a bare left-rail nav that lets the garment photography do all the talking.

Retail flagship

Design tokens

background

surface

text

textMuted

accent

border

display: Neue Haas Grotesk
body: Neue Haas Grotesk
mono

Do / Don't

Reference it for

Monochrome discipline: #000 text on #fff (984 vs 42 colour samples), the palette is literally two values, no greys in the content
Single-typeface system, Neue Haas Grotesk / Helvetica Neue fallback at weight 500 everywhere (302/303 uses), the whole hierarchy comes from size not weight
Tight grotesk scale: body 22px/26.4, secondary 18px and 16px, only four sizes on the whole page, so restraint reads as taste
Split full-bleed hero: two edge-to-edge image tiles side by side, one lifestyle shot, one product with white all-caps overlay copy (SUMMER SALE / MORE ITEMS ADDED)
Left-rail vertical nav list (NEW ITEMS / CATEGORIES / BRANDS / SOUVENIR SHOP / BLOG) in the same body size, grouped by blank-line spacing not dividers
Slim black announcement bar pinned above the header (WORLDWIDE SHIPPING 1-3 DAYS) with a dismiss X, 49.6px tall
All-caps wordmark set in the grotesk with the accented E preserved (TRES BIEN), letterform-only logo, no mark
Sharp corners on structural surfaces (--radius:0, --wk-input-border-radius:0px) against fully-pill buttons (--btn-radius:999em) for a deliberate contrast

Do not copy

The TRES BIEN wordmark and its accented-E lockup
The exact garment and lifestyle photography (real models, real product shots)
Brand-specific copy: SUMMER SALE, SOUVENIR SHOP, WORLDWIDE SHIPPING 1-3 DAYS
The specific brand roster and collection names (Auralee, Stussy, Studio Nicholson, New Balance 1890A)
The Klaviyo/Shopify newsletter chrome and the hosted Poppins fallback it drags in
Any implication of being a real Swedish menswear stockist