Biograph

Item: Biograph
Rating: 7.3

Preventive health and longevity clinic with in-depth assessments in NYC and SF.

biograph.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 13,461/ ↗

MOBILE · 390

Rating · Home

Visual design8.2

UX & clarity7.4

Originality7.8

Craft & consistency7.4

Motion7.0

Performance & a11y7.7

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

Main colours

Light·white background·mono

Typography

Aeonikheading · sans · self-hosted Apercu Probody · sans · self-hosted

Stack & style

Framer React Unicorn Studio Google Fonts

Minimal Editorial Corporate / clean Luxury Bento 3D Photography-led Rounded / soft Product-UI-led Hero video Logo cloud Marquee Review badges Stats band Sticky header Testimonial slider

Also: PostHog, Meta Pixel, HubSpot, Google Analytics, Google Tag Manager

Design DNA

Alternates near-black cinematic bands with pure white ones. Hero is a full-bleed night shot of a glowing slatted glass clinic with a small left-aligned 'Act now, live longer' headline and a white pill CTA; wide-tracked uppercase wordmark. 'How Biograph works' shows three tall rounded photo cards (violet-lit scan, tablet call, runner at dusk). A large light serif testimonial, oversized thin stat numerals (96%, 1 in 6, 2 of 3), a press logo row, a dark 'four pillars' carousel with glossy red, violet, orange and blue sphere renders, an arc of floating 3D test objects above a list of 30+ assessments with icons, and warm wood-slat interior photos for NYC and SF clinics.

Worth borrowing

Represent each disease category as a glossy colour sphere render on dark cards.
Fan small 3D objects in an arc above a centred heading to introduce a test catalogue.
Use night architectural photography of the clinic building as the hero instead of people.