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