Clarion

Item: Clarion
Rating: 7.2

AI front office for medical practices: calls, referrals and scheduling.

clarionhealth.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 8,239/ ↗

MOBILE · 390

Section outline · Home

01heroPhoto hero, serif headline, two pills, logo row855
02featuresThree illustrated UI cards746
03featuresPhoto left, brown panel with tabbed list854
04statsStats column and icon features809
05integrationsLabelled logo rows, compliance strip1,092
06processBrown band with card carousel1,749
07featuresFour columns with line icons962
08ctaPhoto band with pill button720
09footerCream footer with logo and links453

Rating · Home

Visual design7.4

UX & clarity7.2

Originality6.6

Craft & consistency7.2

Motion5.5

Performance & a11y9.0

This page scores 7.2; the site score weights the home page double.

Main colours

Mixed sections·off white background·muted

Typography

Bpmf Zihi Kaiheading · font · google Geistbody · sans · google Moderat Serifaccent · serif · self-hosted

Stack & style

Webflow GSAP GSAP ScrollTrigger Swiper Google Fonts jQuery Bootstrap

Minimal Editorial Photography-led Floating CTA Logo cloud Marquee Stats band Sticky header Tabs

Also: Google Analytics, Cloudflare, Google Tag Manager

Design DNA

Cream canvas with a light serif for headlines and a small sans for copy, broken by deep chocolate-brown bands. Full-bleed photo hero of a receptionist on the phone with a white floating pill nav, pill buttons and a white logo row. Three soft UI illustration cards (Capture, Convert, Recover), a split photo and brown panel with a tabbed feature list, stats beside icon features, integration logo rows, a navy compliance strip with badges, an implementation carousel on brown, a four-column why-us row with line icons, and a photo CTA.

Worth borrowing

Pair a cream canvas with chocolate-brown bands instead of the usual medical blue.
Illustrate each workflow step with a tiny floating UI card and avatar chip.
Group integration logos into labelled rows by system type.