# Glossier, Home

E-commerce brands · Home · Shopify · New York, USA
Live page: https://www.glossier.com/
On Designly: https://designly.sh/s/glossier · JSON: https://designly.sh/s/glossier?format=json
Site: [Glossier](https://designly.sh/s/glossier?format=md) (https://www.glossier.com)
Styles: minimal, type-led, light, photo-led

## Why it works

Black Apercu type on a white background provides a high-contrast, editorial foundation for product photography. Bright blue accents on small UI elements and price tags draw the eye to specific details without overwhelming the soft, photo-led layout.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/glossier#section-1) (y 0–72px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/0.webp · id sec_9cc3dddc82ea4bc1974cc17355e68e5e
2. [Hero: "Glossier You Duo"](https://designly.sh/s/glossier#section-2) (y 72–902px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/1.webp · id sec_9e6c207207d8481798201673f27dadd4
3. [Features: "Shop All"](https://designly.sh/s/glossier#section-3) (y 902–1607px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/2.webp · id sec_acee73a9c76e4cf6bd3c361a63043de8
4. [Content: "Free Milky Jelly Cleanser?"](https://designly.sh/s/glossier#section-4) (y 1607–1797px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/3.webp · id sec_3e8cc96b1e204da4893b73031a671492
5. [Content: "Content"](https://designly.sh/s/glossier#section-5) (y 1797–2407px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/4.webp · id sec_5786b87795504000a5195dca5e5d35c4
6. [Reviews: "Feeling Cheerful?"](https://designly.sh/s/glossier#section-6) (y 2407–3059px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/5.webp · id sec_d71802af61d448169e7fe6db712d5484
7. [Gallery: "Gallery"](https://designly.sh/s/glossier#section-7) (y 3059–3488px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/6.webp · id sec_4bf8084a245f484a8127945e7a4755c9
8. [Content: "Get Festive"](https://designly.sh/s/glossier#section-8) (y 3504–4245px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/7.webp · id sec_7ed79444a364430cb06e5f15a7d6a84e
9. [Footer: "Footer"](https://designly.sh/s/glossier#section-9) (y 4245–5010px of 5010) · image: https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/sections/8.webp · id sec_6d07ff801f184f2a831596230ed677c0

## Design tokens

- Colours: #FFFFFF (background), #000000 (text), #0600FF (accent), #666666 (muted), #E8E8E8 (surface)
- Fonts: Apercu (display)
- Section padding: 16px
- Export: https://designly.sh/s/glossier?format=tokens.css · https://designly.sh/s/glossier?format=tokens.json · https://designly.sh/s/glossier?format=tokens.tailwind.css

## Images

- Desktop (1440×5010): https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/desktop.webp
- Mobile (390×4683): https://designly.sh/media/captures/cap_a3ffa3faf05f4821beaafad12e145e24/mobile.webp
- Captured: 2026-10-26

## Other Pages of Glossier

- [Product](https://designly.sh/s/glossier/collections/skincare?format=md) — /collections/skincare
- [About](https://designly.sh/s/glossier/pages/about?format=md) — /pages/about

## Related

- [Light Phone, Home](https://designly.sh/s/light-phone?format=md) — E-commerce brands · Home · Custom code · Brooklyn, USA · styles: photo-led, type-led, calm, editorial · image: https://designly.sh/media/captures/cap_f262250d322d43178d57acedf701979c/desktop.webp
- [Teenage Engineering, Home](https://designly.sh/s/teenage-engineering?format=md) — E-commerce brands · Home · Custom code · Stockholm, Sweden · styles: dark, type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/desktop.webp
- [reMarkable, Home](https://designly.sh/s/remarkable?format=md) — E-commerce brands · Home · Custom code · Oslo, Norway · styles: serif, type-led, minimal, airy · image: https://designly.sh/media/captures/cap_a927e760d891456a87a1c86b6fe82f5e/desktop.webp
- [Rapha, Home](https://designly.sh/s/rapha/us/en?format=md) — E-commerce brands · Home · Custom code · London, UK · styles: type-led, bold, photo-led, minimal · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.