Bellroy

an accessories e-commerce site that fronts a deep catalogue with one bold, punchy hero, leading with heavy uppercase GTUltra type, a warm terracotta accent on a near-monochrome base, and a calm Material-style motion system that keeps a 40-section shop feeling composed.

Retail Accessories flagship

Design tokens

black

ink

grey

grey-light

line

surface

surface-soft

white

dark

terracotta

display: GTUltra
body: Lato
mono: none

Do / Don't

Reference it for

Making a large e-commerce catalogue feel curated: one bold hero, a quick-browse thumbnail filmstrip, then ordered product rows.
A heavy uppercase display face for punchy three-line hero copy ("CARRY SMART. MOVE FREE. GO FAR."), balanced by a quiet body sans.
A near-monochrome warm palette with one terracotta accent (#CD4C20) reserved for primary CTAs, so the buttons always read as the next action.
A calm, consistent Material motion system (cubic-bezier(0.4,0,0.2,1), 0.15-0.3s) that keeps a busy shop feeling composed.
Small, considered radii (5.25px cards, 9999px pills) and a grey ladder for tidy product UI.

Do not copy

"Carry smart. Move free. Go far." and the Bellroy mark are brand-coded; borrow the heavy three-line hero device, not the words.
GTUltra is a licensed display face; map to a comparable heavy grotesque, keep Lato (open-source) or an equivalent for body.
The terracotta is Bellroy's signature; pick the client's own single accent and apply it with the same discipline.

Signature moves

curated-catalogue hero into ordered product rows

a large catalogue feels curated via one bold hero, a quick-browse thumbnail filmstrip, then ordered product rows.

heavy three-line uppercase hero with single terracotta CTA

a heavy uppercase display face (GTUltra to 70px) sets punchy three-line hero copy (CARRY SMART. MOVE FREE. GO FAR.) balanced by a quiet Lato body, with one terracotta #CD4C20 accent reserved for primary CTAs only.

calm Material motion with small considered radii

a consistent Material motion system (cubic-bezier(0.4,0,0.2,1), 0.15-0.3s) keeps a 40-section shop composed, with small radii (5.25px cards, 9999px pills) and a grey ladder.

Related references

Allbirds

strong

Retail

a natural-materials footwear brand whose store leads with a full-bleed lifestyle hero, a warm sand-and-oat palette over charcoal text, the Geograph sans paired with a Self Modern serif and Akkurat Mono, and a Tailwind-powered Shopify build that turns sustainability into a calm, premium retail feel.

Dear Sundays

strong

Beauty

a non-toxic nail studio and polish brand that reads like a calm wellness ritual, warm sand-beige surfaces, Baskerville serif headings over Lato body, soft 40px pill buttons, line-drawn "promise" icons and product-led editorial photography.

Lalo

strong

Childcare Education

a baby-and-toddler products store on Shopify that reads as premium rather than cutesy, deep navy (#0F234C) on white, a GT Alpina serif paired with Neue Haas Grotesk, warm real-family kitchen photography, full navy feature panels with a warm CTA, and GSAP-plus-Swiper product carousels.

Quip

strong

Health

an oral-care brand that makes dental health feel friendly and modern rather than clinical, a clean mint-and-teal system, Poppins, soft pill shapes, with a shop, a store locator and a "find a professional" dentist network.