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).
Acne Studios
flagshipRetail
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.
Baggu 2
flagshipRetail
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.
Bellroy
flagshipRetail
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.
Choosing Keeping
flagshipRetail
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.
Comfers
flagshipRetail
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.
Coutumes
flagshipRetail
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.
Drake S
flagshipRetail
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.
Erewhon
strongRetail
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.
Food52
strongRetail
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.
Frama
flagshipRetail
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.
Frank Green
strongRetail
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.
Hay
strongRetail
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.
Jardan
strongRetail
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.
Jardan 2
flagshipRetail
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.
Love My Human
flagshipRetail
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.
Mejuri
flagshipRetail
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.
Nalata Nalata
flagshipRetail
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.
Nike Com
flagshipRetail
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.
Papier
flagshipRetail
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.
Permanent Collection
flagshipRetail
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.
Scott Fraser Collection
flagshipRetail
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.
Specs Berlin
flagshipRetail
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.
Ssense
flagshipRetail
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.
Tekla
flagshipRetail
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.
Tr S Bien
flagshipRetail
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.
Uncommon Projects
flagshipRetail
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.
Vrai
strongRetail
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.
Ysl
flagshipRetail
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.
Yun Hai Taiwanese Pantry
flagshipRetail
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.
Zara
flagshipRetail
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.