Prose — Personalization Quiz + Email Gate

Use in a session

Tell Claude: build [my thing] using swipe ref prose-hair-quiz

Full recreation prompt

Recreate a landing page in the "Prose — Personalization Quiz + Email Gate" style (Quiz Funnel). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout. For this archetype the LAYOUT field carries the funnel/quiz FLOW — preserve that conversion structure, not just the look.

Design DNA:
- Mood: Elevated, editorial, personal. Premium custom beauty — a long 'consultation' quiz that feels like an expert tailoring a formula just for you, wrapped in soft luxe photography.
- Colors: Warm off-white / sand base, muted earthy neutrals, near-black type and buttons, a highlighter-yellow marker on key promo phrases, soft photographic color. Understated and premium.
- Typography: Refined serif headlines (editorial, fashion-adjacent), clean sans for form fields, quiz options, and buttons. A highlighter marker underlines urgency phrases.
- Layout: FLOW-FIRST DTC quiz: email-gate promo popup on entry (offer + email field + unlock) → long consultation quiz (one question per screen: hair type, scalp, texture, goals, lifestyle — photographic/illustrated option cards, progress bar) → 'building your formula' interstitial → personalized product result + price + add-to-cart. Homepage behind the popup: editorial full-bleed photographic hero with quiet category CTAs.
- Motion: Popup fade-in on load, gentle question transitions, progress bar, an ingredient/formula reveal on the result, soft hover on option cards.
- Texture: Editorial photography, warm paper tones, highlighter marker accents, rounded inputs, generous whitespace, luxe restraint.
- Avoid: No loud discount-store styling, no neon, no cramped multi-field forms, no cheap stock. Keep it editorial and premium even while running an aggressive promo.

Imagery (generate real assets, do not use placeholders): Generate: editorial DTC beauty photography (product bottles on sand/marble, soft natural light), a promo email-capture popup ('60% off + free gift', highlighted 'LIMITED TIME ONLY' marker, email field, dark unlock button), and quiz consultation steps (hair type, scalp, goals — illustrated/photographic option cards). Tool: Pexels + kie-ai Flux for the beauty photography; build popup + quiz steps in code; nanobanana for any spot illustration.

Reference exemplar: https://prose.com. Build the funnel around the content I give you next, faithfully channeling this aesthetic and this flow, and generate the matching imagery described above.

Reference exemplar