Shop pages
51 sites with a deeply-analysed shop page , across health, consumer brand, retail, fitness, design portfolio, hospitality, other, beauty. Build a shop page from how the best sites build that page, not a generic skeleton.
Ace And Tate
strongHealth
a near-monochrome Amsterdam eyewear store that lets warm product photography and one editorial serif carry all the personality, set on a soft grey field with ink-black type, calm spacing and almost no decoration.
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.
Barrys
flagshipFitness
the original HIIT studio brand selling "the best workout in the world", a dark, cinematic Webflow site built on near-black and the Red Room red, condensed athletic display type, a hand-painted script signature, and a booking-first hero that puts "find a studio" above everything.
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.
Catbird
nicheRetail
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.
Ceremony Coffee
strongHospitality
a Maryland coffee roaster on Shopify that reads like an editorial magazine, warm off-white paper grounds, an Avenir-plus-Meta-serif pairing, large lifestyle photography of brewed coffee on linen, and a calm 0.15s fade discipline that keeps a busy commerce catalogue feeling unhurried.
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.
Core Atelier Pilates
nicheFitness
a warm, editorial pilates-studio site in espresso and cream (#25140C / #F7E7DE) with an Albert Sans plus Minion Pro serif-italic pairing, sun-lit interior photography, Lenis-smoothed scrolling and a giant "core atelier" wordmark closing the page.
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.
Dominique Ansel
strongHospitality
a world-famous pastry chef's bakery group on WordPress that leads entirely with product photography, a sage-and-olive neutral palette (#B8BAAB sage, #282D22 deep olive ink), all-caps Proxima Nova labels over a full-bleed image carousel of viennoiserie, and a gentle ease-driven motion that lets the food do the talking.
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.
Drybar
flagshipBeauty
a blow-dry bar that turned one service into a polished lifestyle brand, a cheerful yellow-on-warm-grey identity, big confident display type, and a site that runs a booking funnel and a serious product retail line side by side.
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.
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.
Glowbar
nicheBeauty
a friendly, retail-grade skincare-studio site on a warm off-white ground (#EFEDEA) with one bright coral-red accent (#FF502D), a BauPro grotesque paired with DM Sans, hand-drawn storefront illustrations, and clean CSS-native fade-and-zoom reveals.
Gumroad
strongMarketing Platform
The reference for playful creator-platform branding — chunky black filled CTAs, cream background, hand-drawn pink coin illustrations, ABC Favorit at 96px.
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.
Heyday Skincare
strongBeauty
a facial-membership skincare chain that feels friendly and trustworthy, deep navy ink on warm cream, soft powder-blue and butter-yellow accent panels, the Sunset Gothic grotesque, close-up facial photography and lots of proof (press logos, big stats, reviews).
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.
Karo Crafts
nicheCreative Studio
NYC creative studio + merch shop — "unification of artwork, fashion, music & video", Helvetica + ultra-blue accent, Nuxt + Prismic stack, 229px hero.
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.
Lando Norris
flagshipPersonal Brand
an athlete portfolio masquerading as a sport-magazine - dark olive `#282c20` page, cream type, oversize "WORLD DRIVERS' CHAMPION" headlines in the bespoke Brier display font, neon-papaya `#d2ff00` for the STORE pill, and a Webflow + Lenis + Splitting motion stack delivering a slow 0.75s expo-out cinematic reveal on every editorial card.
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.
Medwest
nicheHealth
a clinical-but-warm physiotherapy site built on one confident teal (#00A09A), oversized outlined display headlines laid over duotone black-and-white treatment photography, with GSAP-driven reveals on a long, soft easing curve.
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.
Noma
flagshipHospitality
a three-Michelin-star restaurant that sells itself through photography and a quiet serif, full-bleed seasonal imagery, a lowercase joined wordmark, and almost no chrome, so the food and the place carry the whole page.
November
strongType Foundry
a type-foundry-and-design-studio site whose signature is a "Type-Toggle", the entire page can be re-rendered in any typeface from their own collection, wrapped around a tight, gridded flat-lay portfolio in black, white and one electric yellow.
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.
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.
Stokt
nicheCreative Studio
The reference for Quebec creative studios with Swedish-umlaut wordmark — cream paper + chili-orange accent + 150px hero + 40-section density + Framer Motion + Lenis stack.
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.
The Brand Identity
strongEditorial Publishing
The reference for editorial design publications — centred italic-serif wordmark, light-grey paper background, mixed Times-serif body + Bauhaus-sans chrome, content-density home grid.
Tonal
flagshipFitness
a connected-fitness hardware brand selling a wall-mounted smart gym, a clean editorial system in near-black on warm bone, GT America plus a GT Expanded display cut, one electric teal accent, and Tailwind-driven cubic-bezier(0.4,0,0.2,1) transitions that keep a Vue app feeling like a premium product site.
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.