Wispr Flow

Reference it for

• EB Garamond serif hero at 120px — the free Google serif used at flagship scale; proves that paid display fonts aren't required
• Two-tone H1 splitting the message — muted grey + graphite black on the same line, separating the negation from the affirmation
• Curved-path transcript animation orbiting the headline — running text in a circular path on the left, slanted ribbon on the right, both populated with real-feeling transcript content
• Butter cream #ffffeb as primary background — a 4% warmer cream than typical, reads as paper rather than digital
• Pale lavender #f0d7ff primary CTA pill — a saturated colour that's also restrained
• Deep evergreen #003228 mode-flip testimonial section — high-credibility quotes (Reid Hoffman, Steven Bartlett, Gaurav Vohra) on dark surface
• Figtree body / EB Garamond display pairing — both free, both performant, both confidently chosen
• GSAP-driven scroll choreography with restrained CSS keyframes (only 3) — the heavy motion lives in JS, not the stylesheet

Do not copy

• The Wispr Flow lavender #f0d7ff itself — pick the client's softer-saturated accent
• The butter cream #ffffeb specifically — adjust 1-2% in any direction for a different brand voice
• The "Don't type, just speak" copy structure (two-clause negation+affirmation) — borrow the pattern but not the verb
• The fingerprint-icon privacy badge at bottom-left — Wispr-specific privacy positioning
• The curved-path transcript orbit literally — pick a different mark-around-headline pattern if borrowing
• The testimonial photo lineup — these are real people who endorsed Wispr Flow specifically
• The black-on-graphite slanted ribbon — distinctive Wispr Flow brand element