Retail references

12 deeply-analysed retail sites , 2 flagship-tier. Each carries the design tokens, the do and don't rules, the signature moves and the section anatomy, so an AI builder grounds a retail brief in how the best sites actually build it (home, shop, product detail, about, checkout, product, gallery, story).

Screenshot of Allbirds

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.

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 Catbird

Catbird

niche

Retail

a Brooklyn fine-jewellery boutique with an editorial fashion-magazine voice, a Denton Condensed display serif over a TT Fors sans, warm cream and charcoal fields, a cinematic campaign hero and a scrolling "SOLID GOLD ALWAYS" ticker.

Screenshot of Erewhon

Erewhon

strong

Retail

a cult premium grocer that turned organic groceries into a lifestyle brand, a warm off-white canvas, confident Sharp Sans, a category-led shop, and a strong mission-and-community story that justifies the premium.

Screenshot of Food52

Food52

strong

Retail

a food-and-home brand that fused editorial content with commerce, recipes and stories draw you in, a clean serif-and-sans system on white, and a shop (cookware, gifts, homewares) is always one tap away.

Screenshot of Frank Green

Frank Green

strong

Retail

an Australian premium-drinkware brand whose Shopify store leads with a glossy product hero on warm cream, a confident brand green, the geometric Circular Std sans with a Victor serif accent, big rounded buttons, and a customisation-and-gifting story told through clean product photography.

Screenshot of Gantri

Gantri

strong

Retail

a direct-to-consumer lighting brand that runs its whole store on a quiet Sohne-grotesque-plus-Roboto-Mono system, near-black editorial photography, a single forest-green accent (#00855B) and a calm 1440px product grid, so the lamps carry all the colour and the chrome stays out of the way.

Screenshot of Hay

Hay

strong

Retail

a Danish designer-furniture house whose store reads like a quiet gallery, near-black ink on a single light-grey field, Neue Helvetica paired with an ITC New Baskerville serif, almost no UI chrome, and a slow editorial scroll where the products and photography are the only colour.

Screenshot of Jardan

Jardan

strong

Retail

an Australian designer-furniture and homewares house whose homepage opens on a warm, cinematic golden-hour video of hands working raw timber and a rug being woven, set in a strictly greyscale, whitespace-led editorial system with the Neuzeit Grotesk sans doing nearly all the work and a BN Cicero serif for accents.

Screenshot of Maap

Maap

strong

Retail

an Australian premium-cycling-apparel store that reads like a design studio, a near-monochrome #222-on-white system with a single chartreuse spark, a TWK Everett grotesque paired against a Times Now display-serif italic, a full-bleed autoplay-video hero and a token system deep enough (134 custom properties, a fluid clamp scale) to feel engineered rather than themed.

Screenshot of Mejuri

Mejuri

flagship

Retail

a flagship fine-jewellery shop that reads like an editorial magazine, full-bleed black hero portrait, an all-caps grotesque headline set against monospace body and warm-grey detail copy, near-zero radii and almost no shadow, with restraint doing all the luxury work.

Screenshot of Vrai

Vrai

strong

Retail

a lab-grown fine-jewellery house whose homepage is a near-empty white gallery, a single yellow-gold solitaire ring floating in bright caustic light above a quiet centred serif headline, set in a black-on-white system with metal-named gradient tokens (white-gold, yellow-gold, rose-gold, platinum) and slow, refined cubic-bezier transitions.

Back to the full collection