Glossier — Gallery / Showcase
A beauty and fragrance retailer's "Best Seller" product showcase across multiple categories—makeup, fragrance, skincare, body care, and merchandise. The layout uses a horizontal scrolling product grid with five featured items (Boy Brow grooming pomade, Fragrance Duo, Fragrance Two Ways, Balm Dotcom lip balm, and a beauty tool), each displayed with high-quality product photography, category labels, pricing, color swatches, and action buttons ("Add to bag" or "Choose set"). A horizontal navigation bar at the top allows category filtering, with a prominent "Shop now" link in the upper right.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/glossier-shop-all-best-seller-product-carousel.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #CAC6CB |
| Contrast | 1.69 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.196 |
| Measured size | 1600×1077 px |
Palette
Fonts
Page types
UI elements
Context
- Parent page: Glossier beauty e-commerce landing with editorial category grid and email-capture modal
- All of Glossier
Other sections on this page
- Hero — Dark Boy Brow hero with email-capture modal
- Gallery / Showcase — Five-tile editorial category mosaic
- Feature — Two-up fragrance and makeup set blocks
- Testimonial / Social Proof — 'Glossier you' story panel with reviews
- Gallery / Showcase — Get the Look three-image grid
- CTA / Sign-up — Pink email signup band
- Footer — Mega-footer with full product index and doodles