Beauty · Product info
Kylie Cosmetics Matte Lip Kit Shade PDP Buy Box
Beauty PDP buy box built for wide shade ranges: left column pairs a ProductHero gallery (product shot, light/deep lip macros, product + arm swatches) with a blush verified-buyer quote card; right column stacks a best-seller eyebrow, large display title, 4.7 rating row, price with compare-at and SAVE 20% pill plus a 4-installment line, a 12-dot circular shade radiogroup that live-updates the shade name, descriptor, CTA label, low-stock copy and a cross-fading shade preview thumbnail, a benefit checklist, animated low-stock progress bar, shimmering dark pill Add to Bag CTA, and a 2x2 trust grid. Shade dots are arrow-key navigable with aria-checked state; all colors consume the global --lx-* palette vars with fallbacks.
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
- Product info
- Style
- Soft
- Built with
- ProductHero
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.