Health references

14 deeply-analysed health sites, 4 flagship-tier. Each carries the design tokens, the do and don't rules, the signature moves and the section anatomy, so an AI builder grounds a health brief in how the best sites actually build it (home, category, services, about, faq, contact, shop, product).

Screenshot of Axel Clinic

Axel Clinic

strong

Health

a Kyiv multidisciplinary clinic that opens on a full-viewport split-screen gateway, a pale-grey "Multispecialty Clinic" half against a charcoal "Aesthetic Medicine" half, with 44px ultra-light uppercase Helvetica Neue headings sitting at opacity 0.6 over warm wood-corridor photography and a glass "Select your area" pill straddling the seam.

Screenshot of Capsule

Capsule

strong

Health

a digital pharmacy whose site makes medication feel calm and human ("Meds made easy"), a trustworthy navy-and-white system with a Mercury serif display over Circular sans, built around the simple promise of transferring a prescription and getting it delivered.

Screenshot of Cubitts

Cubitts

niche

Health

a London bespoke-spectacle maker treating its Shopify storefront like a design museum, near-black ink on white, a tiny precise type scale in its own Fold Grotesque, generous 16px-radius media tiles, and a giant "CUBITTS" wordmark laid behind a Greenwich Observatory photograph.

Screenshot of Headspace

Headspace

flagship

Health

a meditation and mental-health brand whose site radiates calm and friendliness, a warm cream canvas, the bespoke Headspace Apercu sans, big soft-rounded shapes, playful illustration and a signature sunshine yellow, so therapy and mindfulness feel approachable rather than clinical.

Screenshot of Koba Clinic

Koba Clinic

strong

Health

a rural Japanese ENT clinic that behaves like a confident product launch, a soft grey #BCC2C5 stage, one electric #00B9EF cyan doing every accent, Morisawa display type set huge with 1.6px tracking, a hero where a full-bleed building photo gets swallowed by a giant cyan rounded panel sliding up, and a whole-page Lenis scroll where text reveals on a 0.8s opacity-and-transform lift.

Screenshot of Medwest

Medwest

niche

Health

a clinical-but-warm physiotherapy site built on one confident teal (#00A09A), oversized outlined display headlines laid over duotone black-and-white treatment photography, with GSAP-driven reveals on a long, soft easing curve.

Screenshot of Nijinowa Clinic

Nijinowa Clinic

strong

Health

a Yokohama home-visit clinic whose homepage runs as a fixed 270px left rail (logo, vertical bilingual nav, phone) against full-bleed warm photography on the right, a rainbow-fan motif fanning over the hero, ink-grey #222 type set in an old-style Japanese gothic with letter-spacing pushed wide (h1 50px on 90px leading, 10px tracking), and a single calm 0.15s ease-out as the whole site's transition.

Screenshot of One All Studio

One All Studio

strong

Health

a Roseville osteopathy and physiotherapy clinic (formerly MPR Health) that styles allied health like a wellness editorial, warm cream #F5ECE6 paper grounds, all-brown #3C2E24 ink, a custom "One and All" display serif reaching 76px set against the Dazzed sans, full-bleed treatment photography, and a single raspberry #CC3366 accent that lives only in the ampersand.

Screenshot of One Medical

One Medical

flagship

Health

a primary-care membership clinic whose site makes healthcare feel calm and human, a warm teal-and-peach palette, a GT Super serif display over clean Ginto sans, audience-segmented care paths, and a "book" action that treats getting care as the product.

Screenshot of Parsley Health

Parsley Health

flagship

Health

a functional-medicine telehealth clinic that earns trust through calm, a deep forest-teal and warm-cream palette, an EuclidCircularB-plus-Teodor-serif pairing, a long evidence-led page of credential blocks, comparison tables and measurable outcomes, all on a clean Next.js + Tailwind build.

Screenshot of Quip

Quip

strong

Health

an oral-care brand that makes dental health feel friendly and modern rather than clinical, a clean mint-and-teal system, Poppins, soft pill shapes, with a shop, a store locator and a "find a professional" dentist network.

Screenshot of Six B

Six B

strong

Health

a French dental practice that opens on a viewport-filling 54px+ slate-blue "SIX B" wordmark with a photoreal 3D tooth wedged through the letters, then drops into calm white editorial bands of clinical photography and 520px muted-slate prose, the whole thing scrolled on Lenis with a single 0.15s fade as its only motion.

Screenshot of Superpower Health

Superpower Health

strong

Health

a longevity-clinic brand that opens on a near-black hero with a single backlit orange silhouette, then switches to a calm white-and-zinc-grey editorial body set entirely in the NB International Pro grotesque, with vermillion as the one disciplined accent.

Screenshot of Warby Parker

Warby Parker

flagship

Health

a calm, trustworthy retail-optometry site that pairs a near-black ink (#121212) with a confident royal blue (#1050D0), runs a custom grotesque against a custom serif, and lets warm lifestyle photography and a fast 0.2s ease carry the polish.

Back to the full collection