Screenshot of Superpower Health

Superpower Health

superpower.com/

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.

Health Longevity Clinic strong

Design tokens

zinc-950-ink
zinc-900
zinc-600
zinc-500
zinc-400
zinc-200
zinc-100
zinc-50
white
black
vermillion-orange
vermillion-700
display
NB International Pro
body
NB International Pro
mono
none

Do / Don't

Reference it for

  • A premium health, longevity or diagnostics clinic that wants to feel calm and high-end, not clinical-blue or busy.
  • A dark, single-image hero that spends all its drama in one place, then a quiet editorial body.
  • A monotype system: one grotesque, mostly one weight, hierarchy built from scale and grey tints.
  • A near-black + warm-accent pairing where the accent (vermillion) is used with real discipline.
  • Custom step-through "how it works" sequences and accordion FAQ patterns on a clean Webflow stack.

Do not copy

  • The backlit-silhouette hero and the exact vermillion glow are Superpower's signature image; borrow the dark-hero-then-quiet-body move, not that shot.
  • NB International Pro is licensed; map to a comparable neutral grotesque.
  • The membership/biomarker product framing and the heavy analytics stack (Segment, Klaviyo, Clarity) are business, not design.

Signature moves

dark-hero-then-quiet-body switch

a near-black (#18181b) single-image hero spends all its drama in one place, then the page switches to a calm white-and-zinc-grey editorial body, with one disciplined warm accent for CTAs only.

monotype grotesque hierarchy

one neutral grotesque runs display and body across a wide 9-66px scale, mostly one weight, with hierarchy built from size and grey tints rather than colour or extra families.

Related references

Screenshot of Bench Accounting

Bench Accounting

strong

Professional Services

a small-business bookkeeping service that builds trust with a deep-navy hero, friendly Circular Std type, a soft blue-teal palette and a product mock-up showing real reports and chat support, calm, credible, conversion-focused.
Screenshot of Crisp

Crisp

strong

Saas Product

The reference for AI customer-support brand — bespoke Crisp Aeonik Pro, real chat dashboard hero, link-blue underline emphasis, dark navy announcement banner promoting AI agent.
Screenshot of Decodable

Decodable

strong

Data Infrastructure

The reference for B2B data-infrastructure: dark navy hero with rainbow data-flow visualization, Inter at four weights, bright Anthropic-blue CTAs over deep `#0e0f18`.
Screenshot of Habito

Habito

strong

Professional Services

a friendly digital mortgage broker that softens a heavy financial decision with a fat rounded display face (RightGrotesk Black), warm aurora gradients of blue, lavender and pink, big rounded cards and a single confident blue call-to-action.