# Glossier: style sheet

Measured on 3 of 3 published Pages, newest Capture 2026-10-26. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/glossier · JSON: https://designly.sh/style-sheets/glossier.json
Site: [Glossier](https://designly.sh/s/glossier?format=md) (https://www.glossier.com)

## Colour

- #FFFFFF: background · 3/3 Pages
- #000000: text · 3/3 Pages
- #666666: muted · 3/3 Pages
- #E8E8E8: surface · 2/3 Pages
- #0600FF: accent · 1/3 Pages
- #A85566: accent · 1/3 Pages
- Contrast, text on background: 21:1 (AAA)
- Contrast, text on surface: 17.1:1 (AAA)
- Contrast, accent on background: 8.5:1 (AAA)

## Type

- display: Apercu · 3/3 Pages

## Spacing

- Base unit (inferred): 8px, 3 of 3 measured paddings on it
- Section padding: 16px · 2/3 Pages
- Section padding: 40px · 1/3 Pages

## Radius

Not recorded yet.

## Pages

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

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