CURATED · OPEN · FREE

Glossier

Worth including as a prime example of 'clean' modern DTC design that uses photography and typography as the primary design drivers rather than complex UI components.

beauty ecommerce clean
Glossier screenshot

Visit: https://www.glossier.com

Open in OpenDesign

Design DNA

Visual language

A minimalist palette dominated by pure white and black, complemented by soft pastels (especially pink) from product photography and neutral grays for muted text.

Layout structure

A full-width, photography-driven layout with generous whitespace, featuring a massive typographic hero overlay and clean, grid-based content sections.

Interaction shape

Standard e-commerce interactions with smooth opacity-based transitions for modals, carousels, and section reveals, maintaining a calm and refined user experience.

Motion rules

Subtle and functional, primarily utilizing ease-in-out transitions for font-size, opacity, and visibility changes to guide the user through the editorial flow.

en · zh-CN · zh-TW · ja · ko