Inside the ClarityCare website design
ClarityCare is a health website built with custom code and Next.js. Its pages are built from navbar, hero, other, process, features, stats, FAQ, and CTA sections, shown here in full-page captures and a scroll recording. Typography: PP Right Serif (display text and headings) and Suisse Intl Condensed (body text). Colours: background #F4EEE6, text #3F3C36, main buttons #4A6AAD, borders #D4D1CB.
ClarityCare deploys AI agents inside payer organizations, from intake to closed case. Its visual style is corporate, editorial, and retro, with interactive scroll linked ui demonstrator, announcement bar, and navigation bar among its components.
Why we picked it
A deep oxblood hero with oversized serif type and a small shield mark gives an AI healthcare tool an institutional, trustworthy feel rather than a typical tech startup look. Below, the page settles into cream and black bands with a classical painting, stat trio and compact FAQ accordion, pacing dense compliance detail into easy chunks.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Process: three to five numbered steps
- Features: benefits framed around what the user gets, not internal capability names
Sections from ClarityCare
Questions designers ask
What fonts does ClarityCare use?
ClarityCare uses PP Right Serif for display text and headings, and Suisse Intl Condensed for body text, measured from the captured page's CSS.
What is the ClarityCare website built with?
The ClarityCare website is built with custom code and Next.js, detected when the page was captured.
What colours does the ClarityCare website use?
Measured from the captured page's CSS, the ClarityCare website uses #F4EEE6 for the background, #3F3C36 for text, #4A6AAD for main buttons, and #D4D1CB for borders.
What sections does the ClarityCare website have?
The ClarityCare website includes navbar, hero, other, process, features, stats, FAQ, and CTA sections. Each one opens on its own page, so you can compare it with the same section on other websites.
