Beauty · Ingredients and product details
Kylie Cosmetics Shade Family Finder
Shade-discovery section for wide-range cosmetics catalogs: centered eyebrow + display headline over a pill tablist of four shade families (Nudes, Pinks, Corals, Browns) each carrying its own color dot; selecting a family cross-fades a tabpanel holding a real lip-macro photo beside a family blurb and a row of named shade chips with true swatch dots. Roving-tabindex arrow-key navigation, aria-selected/controls wiring, hidden attribute toggled with display so only the active panel is exposed. Closes with a 30-day shade-guarantee reassurance line.
Start from this storefront direction, inspect the live interactions, and adapt the content and products to your brand.
Preview templateTemplate details
A clear starting point for the page.
The template keeps the visual direction and interactions together while leaving product facts, offers, and claims to the brand using it.
- Industries
- Beauty
- Page types
- Product page
- Section
- Ingredients and product details
- Style
- Soft
Live storefront preview
See the direction in motion.
Build around shopper intent
Create storefront pages for the way shoppers discover and decide.
See where your current pages can better help shoppers understand the product, choose confidently, and continue the promise behind a campaign.