Product Detail pages
40 sites with a deeply-analysed product detail page , across consumer brand, retail, fitness, design portfolio, other, health, beauty, marketing platform. Build a product detail page from how the best sites build that page, not a generic skeleton.
Aesop
flagshipConsumer Brand
an editorial e-commerce reference where Suisse Intl on warm-cream `#fffef2`, a modular 1.13 type ratio, and full-bleed photography do all the work - no display face, no accent colour, no motion of consequence.
Allbirds
strongRetail
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.
Alo Yoga
strongFitness
an aspirational activewear and yoga store that runs almost pure black-on-white, lets full-bleed editorial photography fill the frame, and adds personality through one handwritten-italic serif overlay and disciplined image-grid merchandising.
Alternative Aesthetics
nicheDesign 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.
Avantgarde Properties
strongOther
A Dubai luxury real-estate agency that sells status boldly - a near-black canvas, an enormous mixed bold-sans-and-italic-serif display ("Welcome To / Avant Garde Real Estate"), full-bleed property films, a developer-partner logo wall (EMAAR, DAMAC, Nakheel), and copy aimed squarely at "the world's elite".
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.
Belyi Ostrov House
flagshipOther
A premium St Petersburg residential development ("Белый Остров" / White Island) that sells aspiration through cinematic craft - a gold-and-navy luxury palette, a full-screen architectural hero, GSAP page-transition wipes and a Three.js/WebGL layer, with calm cream glass cards promising "a place of rest and strength".
Coco Republic
strongOther
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.
Cubitts
nicheHealth
a London bespoke-spectacle maker treating its Shopify storefront like a design museum, near-black ink on white, a tiny precise type scale in its own Fold Grotesque, generous 16px-radius media tiles, and a giant "CUBITTS" wordmark laid behind a Greenwich Observatory photograph.
Dear Sundays
strongBeauty
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.
Drunk Elephant
strongBeauty
a playful clean-skincare DTC store built on a charcoal-on-white base lit up by candy pastels, mint and neon-lime, with bouncy float-and-wink micro-motion, rounded product cards and a chatty, ingredient-led voice.
Edition Roasters
strongOther
A speciality roaster whose homepage is mostly hushed, moody photography of an empty cafe at dawn - serenity sold through atmosphere and almost no copy, with a single deep-plum accent doing all the colour work.
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.
Form Nutrition
strongFitness
a UK supplements DTC that pairs a warm off-white editorial base with a single mustard-yellow accent and a terracotta brand block, a geometric-sans-plus-Silka heading system, big oversized logo graphics and a calm, recipe-and-ritual voice.
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.
Gantri
strongRetail
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.
Ghost
strongMarketing Platform
The reference for a creator-platform brand at peak typographic confidence — Inter Display at 96px, real product dashboard at full fidelity, single saturated green accent on a 4-surface palette.
Glossier
flagshipBeauty
a beauty-DTC site stripped to near-nothing, black Apercu on white with millpond whitespace, a famous soft-pink campaign hero, and one electric-blue (#0600FF) accent, where the restraint itself is the brand.
Gymshark
flagshipFitness
a fitness-apparel giant running a fast, monochrome Next.js storefront, pure black and white with grey support, Roboto for UI and a Montserrat display voice, near-square 4px product chrome against full-pill 56px CTAs, and a tight set of 0.2-0.25s ease transitions that keep a huge catalogue feeling quick.
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.
Lalo
strongChildcare 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.
Larry King
flagshipOther
A London salon group and haircare line that fuses warm putty-cream calm with editorial fashion confidence - big half-and-half image panels, GT America, and a leopard-print swagger - so it feels both welcoming and clearly cool.
Lovevery
flagshipChildcare Education
a warm, research-led children's product brand that pairs a soft cream/off-white ground and warm-grey body text with a confident royal-blue accent, BrownPro geometric headings, a Bradford italic serif for editorial warmth, and a rainbow age-stage colour strip that doubles as the brand signature.
Lune Croissanterie
flagshipOther
A cult croissanterie that treats pastry like cinema - a near-black canvas, full-bleed video, oversized DIN display type that splits and reveals on scroll, turning a bakery into an object of desire.
Maap
strongRetail
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.
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.
Murdock London
flagshipBeauty
a heritage British barbershop and grooming brand run as a polished Shopify storefront, deep ink-navy on warm off-white, Montserrat throughout, a hand-script accent for warmth, and a calm 0.3s ease-in-out motion language that keeps the commerce furniture quiet.
Pacaso
flagshipReal Estate
a proptech site that sells second-home co-ownership as an aspirational lifestyle, leading with a full-bleed cinematic landscape, a freight-display serif headline with one italic word, and a calm ink-on-cream palette warmed by a single sage green.
Peloton
flagshipFitness
a connected-fitness retailer that sells premium hardware with sober confidence, near-black ink (#181A1D) on cool greys, Inter doing everything at a wide weight range, friendly 6px radii and a calm 0.3s ease, letting clean product photography and clear pricing close the deal.
Props Furniture
strongTrades
a Studio Lumio demo store for a furniture maker that turns the brand name into a colossal 408px bone-white "PROPS" wordmark sitting over a warm, sunlit photograph of a hand-woven rattan chair, all set in a calm beige-and-brown palette with a Manrope variable sans paired against a Times serif and a Lenis-smoothed scroll.
Quip
strongHealth
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.
Scout Motors
flagshipConsumer Brand
a brand-revival flagship built in Astro v5 with Lenis + Locomotive + Swiper + Splitting, three bespoke Scout Sans cuts (regular / medium / wide-medium) + IBM Plex Mono, signature orange `#ff5432`, and the most cinematic photography in the library - golden-hour Terra/Traveler EV trucks at 624 image requests.
Sightglass Coffee
flagshipOther
A speciality-coffee shop that opens on a warm sunrise gradient and a hand holding the bag, then earns belonging through quiet ritual ("Coffee Served Daily", a 4.9/5 wall of reviews) rather than hard selling.
Stripe Press
strongEditorial Publishing
an editorial publishing imprint site that treats each book cover as its own miniature brand - a dark `#222` page hosting a grid of cream/navy/wine/olive cover-card thumbnails, all wrapped in Ivar Text/Display/Headline (a bespoke serif system) with a near-zero motion budget and just 8 CSS custom properties.
Toll Brothers
flagshipOther
America's luxury homebuilder selling aspiration at scale - a Domaine serif over Gotham, a "Your New Home Starts Here" community-search configurator, Designer Appointed Collections, and an Apple Maps community finder, all in a restrained navy-and-tan system that makes a production builder feel bespoke and desirable.
Tranch
strongFintech
The reference for B2B fintech that refuses to look like B2B fintech — sketchbook-style asymmetric-radius cards, hand-drawn cartoon illustrations, pure black borders on white.
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.
Warby Parker
flagshipHealth
a calm, trustworthy retail-optometry site that pairs a near-black ink (#121212) with a confident royal blue (#1050D0), runs a custom grotesque against a custom serif, and lets warm lifestyle photography and a fast 0.2s ease carry the polish.