E-commerce
Glossier
A beauty brand built on pale pink, photography of real skin and a serif face that suggests being spoken to as a friend. Commerce that reads like a magazine, with the grid broken on purpose in the campaign blocks.
PastelPhotographySerifE-commerce
glossier.com Desktop
Screenshots of the real site. Scroll inside each frame to go through it.
The feeling
A friend's make-up bag: close, luminous and without posing.
Design system Extracted from the site
Colors
Background
#f7f7f7
Text
#000000
Accent
#f94200
Border
#000000
Palette: #f94200 #f7f7f7 #000000 #e8e8e8 #b3b3b3 #d9d9d9
Typography
Apercu Headlines
Scale 20px14px12px
Weights: 400
Spacing, borders and layout
- Spacing scale
- 4 · 8 · 12 px
- Base unit
- 4px
- Radii
- 50px
- Border
- 1px #000000
- Content width
- 1920px
Third-party style reference. AIGiner is not affiliated with or sponsored by Glossier; the brand, design and content belong to their owners. Shown for illustrative purposes. Are you the owner and would rather we remove it? Write to us.
Similar pages
See all
We design websites at this level
Tell us about your brand, launch or event and we'll propose a creative website with this attention to detail and this finish.