Screenshot of Allbirds

Allbirds

www.allbirds.com

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.

Retail Footwear Dtc strong

Design tokens

sand
oat
stone
charcoal
ink
light-charcoal
white
sale-red
display
Self Modern (serif)
body
Geograph
mono
Akkurat Mono

Do / Don't

Reference it for

  • A warm, natural retail palette: sand and oat fields with charcoal text, premium without being cold or stark white.
  • A three-voice type system (humanist sans + editorial serif + mono labels) where the mono carries prices and material specs.
  • A full-bleed lifestyle hero with dual-audience CTAs (Shop Men / Shop Women), the reference pattern for a shoe or apparel store.
  • Pill buttons and large radii (20px and full pills) as a friendly, tactile commerce signal.
  • A clean Shopify + Tailwind token structure (OKLCH scale, named easings and radii) as a model for a tokenised retail build.

Do not copy

  • The "Wildly Comfortable. Super Natural." line and the wool/tree material story are Allbirds' identity; borrow the structure, not the slogans.
  • Geograph, Self Modern and Akkurat Mono are licensed; map to comparable sans / serif / mono families.
  • The region modal over the hero is an Allbirds growth tactic; do not bolt a shipping interstitial onto a local single-market store.

Signature moves

warm sand-and-oat natural retail palette

sand/oat fields (#e0dacf base) with charcoal text read premium without cold stark white, with one terracotta-class accent reserved for action.

three-voice type with mono specs

a humanist sans (Geograph) + editorial serif (Self Modern) + mono (Akkurat Mono) system where the mono carries prices and material specs on a 12-40px scale.

full-bleed dual-audience hero with friendly pills

a full-bleed lifestyle hero carries dual-audience CTAs (Shop Men / Shop Women) with pill buttons and large radii (20px brand radius and full pills) as a tactile commerce signal.

Related references

Screenshot of Bellroy

Bellroy

flagship

Retail

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.
Screenshot of Alternative Aesthetics

Alternative Aesthetics

niche

Design Portfolio

The reference for solo illustrator portfolios on Webflow — hand-drawn "Stay Strange" hero typography, monochrome black/white canvas, and a 4-column thumbnail grid that lets the artwork carry the entire visual voice.
Screenshot of Coco Republic

Coco Republic

strong

Other

An Australian luxury furniture and interior-design house that fuses editorial aspiration with e-commerce - a calm near-white canvas, a Goldenbook serif over Moderat sans, full-bleed styled-room photography, an "Inside Our Universe" editorial layer (journals, catalogues, design portfolios) and a "Shop Coco Republic" category grid, plus a full interior-design service.
Screenshot of Dear Sundays

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.