Skip to content
BetaFree MCP server
wisprflow.ai/ (opens in new tab)
Wisprflow full landing page screenshot (desktop)

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.

Wisprflow 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.
Zaro landing page design
Zaro
Productivity & Collaborationzaro.ai/
Runner landing page design
Runner
Productivity & Collaborationrunner.now/
Eigenpal landing page design
Eigenpal
Productivity & Collaborationeigenpal.com/
Cal landing page design
Cal
Productivity & Collaborationcal.com/
Getmagicform landing page design
Getmagicform
Productivity & Collaborationgetmagicform.com/
Notion landing page design
Notion
Productivity & Collaborationnotion.so/