
Wisprflow
wisprflow.ai/
Wispr Flow is dictation software that turns speech into edited, punctuated text inside any application on Mac, Windows, iPhone, or Android, without per-app plugins. Its hero line, "Don't type, just speak," is followed by a specific speed claim of 220 words per minute versus a 45 wpm typing baseline, a 4x figure repeated elsewhere on the page. The site shows interactive before/after transcript pairs demonstrating how it strips filler words and rambling from raw speech, plus a style picker (Formal, Casual, Very casual) applied to the same dictated sentence. Customer proof includes named users at Microsoft, Notion, and Vercel, testimonials from Steven Bartlett and Morning Brew's Alex Lieberman, and a case study citing 90% faster message output.
- Category
- Productivity & Collaboration
- Style
- LightMinimal
- Stack
- Webflow
- Fonts
- Eb garamondFigtree
- Palette
- Meta title
- Wispr Flow | Effortless Voice Dictation
- Sections
- 10
- Updated
Wisprflow's landing page, section by section
Each section below is cropped straight from Wisprflow's live page — useful references for productivity & collaboration landing page design.
Heroes
More heroesFeatures
More featuresPricing
More pricingCTAs
More ctasLogo clouds
More logo cloudsAbout Us
More about usContact Us
More contact usCareers pages
More careers pagesBlog pages
More blog pagesWisprflow design review: how the homepage is built
The Wispr Flow homepage runs 17963 pixels on desktop and alternates three grounds: a pale cream page, a deep forest green panel and a near-black testimonial stage, with lilac as the one accent for buttons. Headlines use a high-contrast serif with the second half in italic, while body copy and labels use a rounded sans. Sections run hero, logo band, speed comparison, tabbed demo, features, security, testimonials and FAQ. Moving text on curved paths stands in for product screenshots. The mood is warm and editorial, closer to a magazine than a software site.
Above the fold
A green banner announces that the Notetaker is available on Windows and Mac, with a "Try for free" link. Beneath it a floating pill nav holds the logo, a Dictation and Notetaker toggle, "Business", "Pricing", "Lab" and a lilac "Get started on macOS" button. The centred eyebrow "WISPR FLOW DICTATION" leads to the two-line serif headline "Don’t type, just speak.", then a second lilac button. Looping transcribed text runs across the bottom.
Logo band, speed contrast and demo tabs
A black rounded band reads "USED BY PROFESSIONALS AT" above a scrolling row including Amazon, Notion, Klarna and Vercel. A green panel follows with "4x faster than typing" and two cards, "Keyboard" at "45 wpm" and "Flow" at "220 wpm", the latter filled with a blurred portrait. Back on cream, "HOW IT WORKS" introduces a sticky three-item list, "Speak naturally", "Edits as you speak" and "Use it anywhere", beside a changing chat-box demo.
Features and security band
The headline "Built around how you work, not how we think you should." opens a stack of grey-beige cards paired with short serif titles: "100+ Languages", "Flow learns your vocabulary" with name chips and an "Add a new word" button, "Save your most used text", and "Make Flow sound like you" with "Formal" toggles. A wide beige band then says "Your voice stays yours." beside three circular badges: "HIPAA", "SOC 2 Type II" and "ISO 27001".
Testimonials, FAQ and close
The black stage, "EARLY ACCESS, REAL RESULTS", carries a drifting wall of tilted cards in four colours. The lead card pairs "STEVEN BARTLETT" with a "90%" stat and a "Read case study" link, while others quote Alex Lieberman, Elena Verna and Fast Company. Lower, "Good questions." opens an FAQ, and the page ends on "You have a way with words. Now, two.".
On mobile
At 390 pixels the floating nav disappears, the banner shortens to one line with an arrow, and the hero button changes to "Get started on iPhone". The speed cards stack, with Keyboard above Flow. The sticky tab list becomes three consecutive blocks, each with its own demo above a centred title and paragraph. Feature cards and badges keep their order.
Worth borrowing
- Setting the second half of each serif headline in italic gives every section a built-in point of emphasis.
- Showing a 45 wpm card against a 220 wpm card makes the speed claim a visible comparison, not a slogan.
- Cycling dictated text through the same chat box across three tabs shows one feature at a time without screenshots.





