Project: Launch a high‑conversion, dark‑mode landing site for Ki – the empathetic, voice‑first AI that strengthens relationships. Primary KPI: Collect wait‑list sign‑ups. Story Structure: Apply the 5‑4‑3‑2‑1 rule (Benefits → Objections → Testimonials → Pricing → Bonus). Style: Futuristic, edgy, neon‑on‑dark, Gen‑Z friendly. Colour tokens: bgDark: #0D0B1E neonStart: #8B5CF6 /* electric‑violet / neonEnd: #00E0FF / laser‑cyan */ textBase: #FFFFFF textMuted: #C3C3D1 cardGlass: rgba(255,255,255,0.04) borderNeon: rgba(0,224,255,0.35)

◾ Global Font: Space Grotesk for headings, Inter for body.

100 % responsive (≥1440 → 320 px).

Sticky nav with logo Ki❤ + links Home · About Us · Life at Ki · Blog + neon pill CTA Get Early Access (scrolls to pricing section).

Soft grain texture over bgDark at 8 % opacity.

Buttons: gradient → neonStart→neonEnd; lift 4 px & glow shadow on hover.

Element reveal: fade‑up 30 px, 450 ms ease, stagger 120 ms.

Light‑mode toggle (default dark).

Page‑level SEO meta (title, description, keywords) + SoftwareApplication schema.

SECTION FLOW Hero (above‑the‑fold)

Full‑viewport.

H1: “An AI Companion That Really Gets You” (10 vw).

Subline: “Voice‑first · 100 % private · Emotionally attuned in < 6 s.”

Primary CTA: Join Wait‑List – 3 Months Free (opens modal).

Secondary link: “Learn how it works” (smooth scroll to Benefits).

Animated fluid gradient blob behind tilted smartphone mock‑up (no video demo).

5 Key Benefits (title: “Why 1‑on‑1 With Ki Feels Magical”) – 1 row, 5 glass cards.

Detects emotions in < 6 s – “Understands stress, joy, doubt from tiny voice shifts.”

Always‑On Support – “24/7 for midnight panic or midday slump.”

Personalised Growth Goals – “Daily micro‑nudges grounded in CBT & attachment theory.”

Conflict Mediator – “Neutral scripts turn tension into teamwork.”

End‑to‑End Privacy – “On‑device processing—your words never leave without consent.”

4 Objections Crushed – two‑column accordion (question left, neon border; answer right).

“Is Ki a therapist replacement?” → Clarify companion vs professional therapy.

“Will my data stay private?” → Outline encryption, no cloud storage by default.

“How accurate is emotion detection?” → 83 % validated accuracy, improving weekly.

“What if I’m single?” → Ki supports dating prep, self‑growth, and future relationships.

3 Quick Testimonials – 3 glass cards in a slim horizontal carousel, each with circular avatar, name, age, 1‑sentence quote.

Jamie 31: “Booked a safe first‑date spot; now we’re moving in together.”

Maria 34: “Turned ‘you never listen’ fights into productive talks.”

Devon 29: “Guided us from betrayal to a stronger bond in six months.”

2 Pricing Paths + Wait‑List CTA (title: “Choose Your Journey”)

Glass table with two columns: Basic $20/mo per couple vs Premium $30/mo.

Row labels: 24/7 Support, Advanced Mediation, Custom Avatars (premium tick), Predictive Alerts (premium tick).

Badge: “🚀 First 1 000 sign‑ups get 3 months free on any plan.”

Neon pill button Get Early Access (opens same modal).

Below table, tiny trust badge: “PCI‑DSS secure • Cancel anytime.”

1 Irresistible Bonus – centred card with glitch “BONUS” label.

Copy: “Early adopters also receive lifetime credits for custom avatars & personalities—exclusive to this cohort.”

Secondary CTA: small link “Full details” (opens modal with T&Cs).

Locked “What’s Coming” (title glitch‑effect “Sneak Peek (Members‑Only)”)

Responsive grid: 6 blurry glass cards only showing a centred lock icon and tiny caption “Feature Locked”.

Hover keeps blur; click anywhere triggers modal “Unlock future releases—join the wait‑list.” Modal = Name + Email, no reveal.

Nebula particle field in section background, slow drift (20 s loop).

FAQ Accordian – 5 Q&A (reuse objections + rollout date).

Footer – mini logo, nav links, social icons outlined neon, email hello@askki.org, © 2025 Ki.

SUB‑PAGES (same neon‑dark theme) /about – mission, founding story, timeline, press kit link.

/life‑at‑ki – values flip‑cards, open roles, culture video placeholder.

/blog – masonry grid, auto‑dark‑thumbnails, search field.

INTERACTIONS & MOTION Cursor glow ring following pointer (color neonEnd at 20 % opacity).

Section angle dividers: skewY(‑5°) then counter‑skew inner content.

Confetti burst on successful wait‑list submission.

All animations max 60 fps; prefers‑reduced‑motion disables fancy stuff.

ACCESSIBILITY & PERFORMANCE Colour contrast AA+ for neon on bgDark; alt text for all media; keyboard‑friendly modals & carousels.

Lazy‑load images & Lottie JSON; code‑split JS; target Lighthouse ≥ 90 across categories.

Deliver a fully‑responsive Next.js site with Tailwind or CSS‑in‑JS, deploy‑ready on Vercel. No video/audio demos, no product screenshots required—focus on copy, motion, and conversion.