← All references

ClickFunnels — VSL / Opt-in Funnel

VSL / Webinar Funnel

Classic direct-response opt-in funnel: dark navy canvas, a giant 'You're one funnel away' promise, a single email field + CTA, and the VSL/webinar structure behind it.

ClickFunnels — VSL / Opt-in Funnel preview
Scrolling capture — scroll inside the frame to see the whole page
Mood
Direct-response, high-conviction, info-marketer. Big promise, one clear action, zero distraction — engineered to capture the email or play the VSL and move to the next step.
Colors
Deep navy/indigo canvas, white headline with one accent word (sky-blue or brand hue), a bright warm CTA button, muted helper text. High contrast, minimal palette.
Type
Massive bold sans headline dominating the viewport, one phrase color-highlighted, short punchy subhead ('Start for free today.'), sans throughout. Scale equals conviction.
Layout
FLOW-FIRST direct-response funnel step. Opt-in variant: centered giant promise headline → subhead → single email field + bright CTA → tiny 'not ready? learn more' link, nothing else. VSL variant: headline → centered video player → CTA appears after the pitch → stacked long-form proof/offer/guarantee below. Webinar variant: headline → date/time + registration form. Each page has ONE goal and one primary action.
Motion
Minimal and focused — button hover, optional VSL-gated CTA reveal, a subtle background glow, smooth scroll to the offer. Distraction is the enemy.
Texture
Flat dark canvas with a soft glow behind the headline/video, rounded input + button, a corner accent shape; otherwise empty and focused.
Imagery
Generate: a centered VSL video-player mockup (play button, progress bar) on a dark navy canvas, a single email-capture bar with a bright CTA button, a bold two-tone headline treatment (white + accent word), and downstream funnel-step thumbnails (opt-in → VSL → offer → order form → upsell). Tool: build the video-player + opt-in UI in code; kie-ai Flux for the dark navy backdrop glow; GPT-Image for the funnel-step thumbnails.
Don't
No nav-heavy layouts, no multiple competing CTAs, no busy imagery around the offer, no small timid headline. One promise, one action per step.

Use in a session

clickfunnels-vsl

Tell Claude: build [my thing] using swipe ref clickfunnels-vsl

Full recreation prompt

Recreate a landing page in the "ClickFunnels — VSL / Opt-in Funnel" style (VSL / Webinar 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: Direct-response, high-conviction, info-marketer. Big promise, one clear action, zero distraction — engineered to capture the email or play the VSL and move to the next step.
- Colors: Deep navy/indigo canvas, white headline with one accent word (sky-blue or brand hue), a bright warm CTA button, muted helper text. High contrast, minimal palette.
- Typography: Massive bold sans headline dominating the viewport, one phrase color-highlighted, short punchy subhead ('Start for free today.'), sans throughout. Scale equals conviction.
- Layout: FLOW-FIRST direct-response funnel step. Opt-in variant: centered giant promise headline → subhead → single email field + bright CTA → tiny 'not ready? learn more' link, nothing else. VSL variant: headline → centered video player → CTA appears after the pitch → stacked long-form proof/offer/guarantee below. Webinar variant: headline → date/time + registration form. Each page has ONE goal and one primary action.
- Motion: Minimal and focused — button hover, optional VSL-gated CTA reveal, a subtle background glow, smooth scroll to the offer. Distraction is the enemy.
- Texture: Flat dark canvas with a soft glow behind the headline/video, rounded input + button, a corner accent shape; otherwise empty and focused.
- Avoid: No nav-heavy layouts, no multiple competing CTAs, no busy imagery around the offer, no small timid headline. One promise, one action per step.

Imagery (generate real assets, do not use placeholders): Generate: a centered VSL video-player mockup (play button, progress bar) on a dark navy canvas, a single email-capture bar with a bright CTA button, a bold two-tone headline treatment (white + accent word), and downstream funnel-step thumbnails (opt-in → VSL → offer → order form → upsell). Tool: build the video-player + opt-in UI in code; kie-ai Flux for the dark navy backdrop glow; GPT-Image for the funnel-step thumbnails.

Reference exemplar: https://www.clickfunnels.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.