An AI medical letter writer for clinicians. Fits healthtech SaaS, medical-AI tools, clinical-workflow apps, and healthcare-platform landing page designs.
Screenshots of 3 pages from letters.app: homepage, doctors and Letters.
Design tokens
17 colors · 13 type stylesNear-black (#070709) primary on a pure white (#ffffff) canvas, set in Open Runde throughout. These values are read from the Letters DESIGN.md in the Pass bundle, which carries all 17 color tokens, 13 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Letters-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with Letters. All trademarks belong to their respective owners.
About Letters
Home page hero
The home page opens inside a large rounded panel with a soft sky-blue gradient and tiny stars. A centered white headline, "Patients, not paperwork," sits over a line about writing letters that sound like you, unlimited transcriptions and saving five hours a week. Two buttons sit side by side: a black one to sign up free and a white one to book a demo. At the bottom of the panel, an illustrated envelope holds two paper cards labeled Before, with handwriting, and After, with a typed letter beginning "Dear Dr Turner."
Two products
Under the heading "Save hours a week with Letters," two large grey cards present the two products. One generates personalised medical letters, with small chips for uploading past letters and consultation recordings and two PDF icons. The other transcribes dictations, consultations and telehealth, with an audio waveform bar. Each card ends in a white pill button, "About Letters" or "About Transcribe." A "How Letters works" block follows with a two-way toggle and a large embedded getting-started video on the same blue gradient.
Feature cards
Further down, rounded cards describe smaller features in a row of three: request edits, intelligent macros for frequently used phrases, and advanced personalisation such as BMI calculations. A section titled "Gold-Standard Transcriptions" says the product has an extensive medical vocabulary and a custom dictionary, and shows small term cards for medical words with short definitions. Another heading, "Reduce your paperwork with Transcribe," begins the next group.
Page for doctors
The page for doctors repeats the blue panel with the headline "Letters for Doctors," a short line about AI-powered letter generation and the same two buttons. A "Features to save you time" section has two big cards: letters that sound like you, with source icons and a before-and-after pair, and the largest medical vocabulary, with a blurred timer UI showing a completed three-hour transcription and sign-up and call buttons.
Instant letters page
A third page, "Instant Letters," has a narrower header and a single large card. The card repeats the before-and-after idea with a row of source icons for text, audio and handwriting, plus buttons to sign up or book a call. The claim is that letters are trained to sound like the writer and arrive five times quicker.
Based on full-page screenshots of letters.app: the home page, the page for doctors and the instant letters page. Time-saving and speed figures are the site's own claims and were not verified here. This describes a page layout and is not medical advice. Check the live site before relying on specific details.
Related designs
Catalog Pass included
