Waitlist / Coming Soon Page

You are a growth designer and conversion specialist. Design a high-converting waitlist page for [PRODUCT TYPE — e.g. AI writing assistant] called [PRODUCT NAME] launching in [LAUNCH TIMELINE — e.g. 90 days].

Write ACTUAL copy for all headlines and CTAs — no placeholders. Every design decision must serve one goal: capture the email.

1. ABOVE THE FOLD

Product name + category tag:
• How the product name is displayed (size, font, weight)
• Category tag design (pill/badge — e.g. "AI Writing Tool")

Hero Headline:
• Formula: outcome-focused, not feature-focused
• Write the actual headline (make it specific — not "Write better content" but something that paints a picture of the result)
• Font size, weight, max width, line height

Subheadline:
• Write it — 1 sentence, expand the headline, include a specific detail
• Size and colour relative to headline

Email Capture:
• Input placeholder copy (write it)
• CTA button: write the label (not "Submit" — something specific and outcome-oriented)
• Form design: full-width stacked vs. side-by-side input+button — choose based on device
• Privacy note: write 1 sentence (human and light, not legal)

Social Proof Line:
• Write it — "Join [X] early members" — invent a plausible number that signals validation
• Placement: above or below CTA?

2. TEASER / FEATURES SECTION

• 3 feature cards — each: icon/illustration description, feature name, 1-line teaser copy
• Visual treatment: blurred/redacted OR partially revealed
• "Unlocks at launch" or similar reveal mechanic — describe the interaction
• Section headline: write it (create curiosity without revealing everything)

3. COUNTDOWN TIMER

• Display format: DD : HH : MM : SS with labels
• Typography: font, size, weight — make numbers large and impactful
• Animation: does each digit flip (card flip animation), slide, or fade?
• What happens when the timer hits zero (redirect, reveal, or confetti)

4. REFERRAL MECHANIC

• Headline: write it (e.g. "Jump the queue" — make it competitive and fun)
• How it works: describe the 3-step mechanic (sign up → get link → share → move up)
• Position indicator: show where they are on the list and how many spots ahead
• Share buttons: which platforms, visual treatment

5. FOUNDER NOTE

• Tone: personal, honest, brief — 60–80 words max
• Write the actual note in first person
• Signature treatment: name, title, handwriting-style font or typed
• Optional photo: describe how it's displayed (circle crop, casual photo, no photo)

6. FOOTER

• Social links: which platforms and icon style
• Privacy policy link
• Unsubscribe/legal line
• Optional: "Powered by [tool]" or kept clean

EMAIL SUCCESS STATE:
After signup — describe:
• Button animation (spinner → checkmark)
• Inline confirmation message: write the copy (warm, specific, no "You're on the list!")
• What changes on screen (does the form collapse, does confetti fire, does a new section appear)

DESIGN SPECIFICATIONS:
• Background: solid, gradient, or noise texture — choose and describe
• Colour palette: maximum 2 colours + neutral
• Font choices: 1 display font for headlines, 1 system/simple font for body
• Animation for countdown: describe the CSS/JS approach
• Mobile adaptation: how the layout shifts below 768px