Inside the Dodo website design
Dodo is an AI website built with custom code. Its pages are built from hero, features, stats, feature grid, other, and footer sections, shown here in full-page captures and a scroll recording. Typography: Instrument Serif. Palette: #FFE0E0, #C0A0A0, #60E0E0.
Dodo is the largest and most established voice AI for modern clinics — trusted by hundreds of clinics worldwide, deeply integrated with every major PMS, with enterprise security (HIPAA, GDPR, E2E encryption, audit logs). Its visual style is minimal, editorial, and soft, with navigation bar, hero, and primary button among its components.
Why we picked it
A warm reception photo under the headline grounds an AI product in a real clinic setting, while a cream and brown palette keeps the mood calm and trustworthy. Big bold stat numbers and short labelled sections pace the long page into digestible chapters that are easy to scan for proof points.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Stats: three or four numbers that matter to the buyer
- Feature Grid: mixed card sizes that show priority
Questions designers ask
What fonts does Dodo use?
Dodo uses Instrument Serif, read from the fonts loaded on the captured page.
What is the Dodo website built with?
The Dodo website is built with custom code, detected when the page was captured.
What colours does the Dodo website use?
The captured palette includes #FFE0E0, #C0A0A0, and #60E0E0.
What sections does the Dodo website have?
The Dodo website includes hero, features, stats, feature grid, other, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Dodo's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Dodo's typography, colours, and components for your team or an AI tool.
