Glossier
www.glossier.coma 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.
Design tokens
- display
- Apercu
- body
- Apercu
- mono
- Apercu Mono
Do / Don't
Reference it for
- Extreme restraint: one grotesque (Apercu), black on white, no shadows, square corners, a single accent. Proof that confidence can replace decoration.
- All-caps monospace wayfinding (Apercu Mono) as small section labels and breadcrumbs ("PINK CAPSULE", "GET THE LOOK").
- A campaign-led full-bleed hero where one photograph plus a few words plus one button carries the whole top of the page.
- Generous whitespace and a tall 1920px content frame that lets imagery breathe edge to edge.
- Slow, soft 0.4s ease-in-out transitions for a calm, editorial hover feel rather than snappy UI.
Do not copy
- Apercu is a licensed Colophon face and "Glossier Pink" plus the electric blue are core brand equity; substitute an open grotesque and the client's own accent.
- The campaign photography and the ghosted-wordmark hero are Glossier's identity; recreate the move, not the assets.
- The bare-bones restraint only works with this calibre of imagery; do not copy the emptiness onto a brand with weak photography.
Signature moves
restraint-as-confidence editorial system
one grotesque, black on near-white (#ffffff), zero shadows, square corners (radius 0px everywhere) and a single accent let confidence replace decoration on a tall 1920px frame.
all-caps mono wayfinding labels
small all-caps monospace section labels and breadcrumbs ("PINK CAPSULE", "GET THE LOOK") at the 12-14px end of the scale give editorial structure.
campaign-led full-bleed hero
one full-bleed photograph plus a few words plus one button carries the whole top of the page, with calm 0.4s ease-in-out hovers rather than snappy UI.
Related references
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.
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.
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.
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.