Glossier — Hero

E-commerce · Hero

Top utility bar ('Free standard shipping') and black nav over a dark full-bleed hero of repeated mascara tubes; a centered white newsletter modal with beach imagery and pink 'you smell like vacation' lettering overlays the Boy Brow copy and 'Shop now' button.

Open in Mozaika →

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-dark-boy-brow-hero-with-email-capture-modal.

Palette

Fonts

Page types

UX patterns

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

• Gallery / Showcase — Five-tile editorial category mosaic
• Gallery / Showcase — Shop All best-seller product carousel
• 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