← back to the gallery

Glossier: image-led beauty storefront with pink merchandise and fragrance storytelling

Tier
inspiration
Roles
hero, shop, product, offer, explainer, proof, footer
Feel
light, warm, premium, editorial
Motion
pan, reveal
Source
public-site
Site
https://glossier.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/341dff7c-58d9-414e-af8d-0536b3b3e3b1.mp4
both: https://glossier.com/

What it does

The recorded storefront opens with a wide playful dog-and-bag campaign, followed by product and collection tiles in pale pink, a fragrance story with editorial photography and further lifestyle imagery. The current homepage uses a full-width fragrance photograph and a small white shopping panel.

Section roster

1. Wide campaign hero. 2. Collection and product tiles. 3. Pink merchandise grouping. 4. Fragrance story. 5. Lifestyle imagery.

Why it works

Large campaign photographs establish a clear visual mood; plain white product regions and repeated small shopping actions provide a consistent path through changing campaign material.

Source and capture notes

Refero [style page](https://styles.refero.design/style/efd8dda0-b7dc-4b0b-b65f-348849d2cd65) and [recorded video](https://images.refero.design/styles/refero.design/video/341dff7c-58d9-414e-af8d-0536b3b3e3b1.mp4); [live site](https://glossier.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The live hero promotes a different fragrance campaign. No product-detail, cart or checkout flow was reviewed.