Retail references

30 deeply-analysed retail sites, 24 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, product detail, about, checkout, story, location).

Screenshot of Acne Studios

Acne Studios

flagship

Retail

The reference for treating a storefront like an editorial spread: a massive black Helvetica-family wordmark laid straight over two full-height model photographs on a near-white ground, no chrome, no buttons, space doing all the structural work.

Screenshot of Baggu 2

Baggu 2

flagship

Retail

The reference for a full-bleed product-photography retail grid on warm bone paper (#F6F4EE) with all-caps StudioPro Bold chrome, where the imagery carries every hero and the UI stays out of the way.

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 Choosing Keeping

Choosing Keeping

flagship

Retail

The reference for warm-stationer commerce built on a single deep pine ink (#3C4539) over cream (#F8F3EA), set almost entirely in the Trinite serif with wide-tracked Spot small-caps labels, where the whole shop reads as one calm editorial object.

Screenshot of Comfers

Comfers

flagship

Retail

The reference for anchoring a footwear storefront on one wall-to-wall black wordmark set in Hauora 800 (#000000) that the hero shoe physically overlaps, with a warm #FF8562 accent doing all the colour work.

Screenshot of Coutumes

Coutumes

flagship

Retail

The reference for oversized editorial type as image, where 190px marigold #f9af26 Plaak 6 wordmarks (CAPSULE COLLECTION, NEW DROP, SILVER LANDS) are stacked straight over a full-bleed campaign photo so the headline becomes the composition.

Screenshot of Drake S

Drake S

flagship

Retail

The reference for heritage menswear e-commerce done with editorial restraint: a full-bleed lifestyle hero on warm-bone #FCFBF8, an italic ITC Caslon 224 wordmark and centred serif overline in forest green #005229, over a P22 Underground text nav.

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 Frama

Frama

flagship

Retail

The reference for editorial furniture-and-apothecary commerce: full-bleed lifestyle film on pure white with hairline-only structure, set in Univers at 400 weight with tight -0.4px tracking so the product photography carries all the warmth.

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 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 Jardan 2

Jardan 2

flagship

Retail

The reference for a warm, premium furniture-retail homepage that splits the hero into a full-bleed styled-room photo and a chocolate-brown editorial panel, setting NeuzitGro against a large italic BN Cicero display serif for a considered, made-in-Melbourne calm.

Screenshot of Love My Human

Love My Human

flagship

Retail

The reference for anchoring a luxury e-commerce shop in a full-bleed hand-drawn street-scene illustration, coral #EA5355 header over cream #FCF7EB, condensed Fjalla One caps against Figtree body.

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 Nalata Nalata

Nalata Nalata

flagship

Retail

The reference for editorial homeware retail: a full-bleed still-life hero on near-white with the whole page set in ff-scala serif, a single coral accent (#FF7D65), and a hand-drawn wordmark logo doing all the personality.

Screenshot of Nike Com

Nike Com

flagship

Retail

The reference for a product-first monochrome gallery where the UI dissolves to near-nothing (black #111111 / white #ffffff, zero accent) so full-bleed video and oversized Futura headlines carry the whole screen.

Screenshot of Papier

Papier

flagship

Retail

The reference for warm editorial retail: a cream #f4eee0 paper canvas, deep ink #1e2525 text, and a mixed Self Modern serif-italic / Quarion caps headline that turns a stationery shop into a considered lifestyle brand.

Screenshot of Permanent Collection

Permanent Collection

flagship

Retail

The reference for gallery-quiet object retail: pure black on white, letter-spaced GranbyEF-Light nav sitting on top of a single full-bleed still-life photograph, with SabonLTPro carrying every price and caption.

Screenshot of Scott Fraser Collection

Scott Fraser Collection

flagship

Retail

The reference for a menswear e-commerce hero that fills a full amber panel (#E9AD45) with a jammed-tight condensed-black wordmark (Avenir-Bold) beside a grainy vintage video, then breaks the grid with hand-scrawled marker copy.

Screenshot of Specs Berlin

Specs Berlin

flagship

Retail

The reference for editorial multilabel retail: near-white #F8F8F8 canvas, Neue Haas Grotesk at 400/600 only, and an asymmetric half-bleed hero where an oversized 'Featured' headline sits in the calm left margin beside a full-height product photo.

Screenshot of Ssense

Ssense

flagship

Retail

The reference for treating an e-commerce homepage as a print magazine cover: an oversized all-caps serif (JHA Times Now) at ~95px on near-white #f4f4f4, pure monochrome, ghost-outlined CTAs, and editorial photography carrying all the colour.

Screenshot of Tekla

Tekla

flagship

Retail

The reference for editorial-quiet e-commerce: a two-up full-bleed image split with near-black rgb(24,24,24) type set in light-weight (300) unica77 grotesque, letting the photography carry everything.

Screenshot of Tr S Bien

Tr S Bien

flagship

Retail

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.

Screenshot of Uncommon Projects

Uncommon Projects

flagship

Retail

The reference for a maker/retail brand run as an editorial catalogue: pure black-on-white in Geigy sans, full-bleed photography carried by an underlined caption, and a single Core-blue (#233896) held in reserve as the only colour.

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.

Screenshot of Ysl

Ysl

flagship

Retail

The reference for luxury-fashion editorial restraint: a single full-bleed campaign photograph, a centred Saint Laurent wordmark in #000000, and one line of ~10px letter-spaced uppercase nav, with zero cards, borders, shadows or colour of its own.

Screenshot of Yun Hai Taiwanese Pantry

Yun Hai Taiwanese Pantry

flagship

Retail

The reference for warm heritage-grocery ecommerce: a full-bleed terracotta (#c24526) masthead over a moody product photo, a serif (BTPNormal) editorial voice, and deep-green (#0f5e39) colour-blocked sections that carry a specialty-food shop with real cultural weight.

Screenshot of Zara

Zara

flagship

Retail

The reference for editorial fashion minimalism, a pure #ffffff canvas where a high-contrast didone ZARA wordmark and one large photograph carry the whole brand and the UI recedes to #000000 hairlines.

Back to the full collection