Navbar

The shared Superpower navbar used across LP templates. It mirrors the live site behavior: fixed positioning, desktop scroll morph into the dark blurred pill, centered logo scale, dotted hamburger control, and the right-side mobile menu.

Nav Light Mode

Nav Dark Mode

Hero Header

Figma source: Node 2-1200

Each option is one responsive JSX block — desktop has wider layouts, larger headlines, and side-by-side CTAs; mobile stacks vertically with full-width buttons.

Node Inventory

VariantNode IDLayout
Option 1986-5750Two-column copy, CTA row, USP row, square media card
Option 27-302Centered copy, CTA row, USP row, large media block
Option 37-299Inset background-media hero, centered white content
Option 47-300Inset background-media hero, left-aligned white content
Option 58-664Left-aligned copy with horizontal media rail
Option 68-719Centered copy with horizontal media rail
Option 78-807Two-column copy and staggered media grid
Option 8665-3574Content/stat row with large media block below
Hero with QuoteReference pageQuote-led doctor endorsement hero
Hero with Quote (Inverted)Reference pageQuote hero with image left and copy right

Option 1

4.6 out of 5Join 150,000 members

Find early signs of 1,000+ conditions in one lab test

Test 10x more biomarkers than a standard checkup. For $199/yr.*

CLIA-certified labs 5-day results HSA/FSA eligible
HERO IMAGE

Option 2

Option 3

Option 4

Option 5

Option 6

Option 7

Option 8

Hero with Quote

Hero with Quote (Inverted)

Partnership Hero

Logos

Figma source: Node 7-308

Two responsive variants. Each is one JSX block — desktop uses a single horizontal row, mobile stacks the headline above and reflows logos to wrap.

Style=Doctors

dr-vinjamoori
dr-connealy
dr-lufkin

Built by the world’s top doctors and scientists

stanfordharvarducsfoxford

Style=PR

Partnership Marquee

Features

Figma source: Node 8-864

Ten independent feature sections. Each is one responsive JSX block — desktop and mobile share the same content (same number of steps, same copy, same icons), only the layout reflows.

Node Inventory

VariantNode IDNotes
Feature V1666-1354-card numbered "How it works" layout
Feature V2666-885Membership value section, rating badge, quote, and 4 feature rows
Feature V3Live pageDr. Connealy lab-results sticky price + 5 step rows
Feature V4779-79Heart-guideline banner: pretitle + 3 stat columns
Feature V5667-1514"See your health" with phone mockup
Feature V6667-1540Vetting criteria with branded product image
Feature V7770-52"From draw to plan in days" with 4 numbered step rows
Feature V8WebflowFathers Day health changes drag slider
Feature V9WebflowVAST "How Superpower Works" four-card section
Feature V10WebflowVAST partnership claim gift section

Feature V1

How it works

It starts with an advanced health check, then so much more.

1Appointment confirmed health check

Test your baseline

One simple blood draw to measure 100+ biomarkers.

2Health data dashboard

Results explained

Get a complete picture of your health data in one secure location.

3Personalized health protocol

Build your protocol

AI builds evidence-backed protocols, informed by your data.

4Superpower diagnostics and clinic access

Access everything

Take action, access everything you need, then retest. You're in control.

Feature V2

Feature V3

Feature V4

Feature V5

Feature V6

Feature V7

Feature V8

Feature V9

Feature V10

Features

Figma source: Node 8-864

Ten independent feature sections. Each is one responsive JSX block — desktop and mobile share the same content (same number of steps, same copy, same icons), only the layout reflows.

Node Inventory

VariantNode IDNotes
Feature V1666-1354-card numbered "How it works" layout
Feature V2666-885Membership value section, rating badge, quote, and 4 feature rows
Feature V3Live pageDr. Connealy lab-results sticky price + 5 step rows
Feature V4779-79Heart-guideline banner: pretitle + 3 stat columns
Feature V5667-1514"See your health" with phone mockup
Feature V6667-1540Vetting criteria with branded product image
Feature V7770-52"From draw to plan in days" with 4 numbered step rows
Feature V8WebflowFathers Day health changes drag slider
Feature V9WebflowVAST "How Superpower Works" four-card section
Feature V10WebflowVAST partnership claim gift section

Feature V1

Feature V2

4.6 out of 5200+ reviews

Finally, a membership that doesn't just stop at lab testing

“I’ve been so impressed by Superpower’s testing depth and the care that every single member gets”

Dr Amy Shah, M.D.

Dr Amy Shah, M.D.

Cornell M.D., NYT bestselling author

Superpower blood draw vial

The same 100+ biomarker testing

One 10 min blood draw at one of 2,000+ partner lab locations or in your home

Personalized health protocol on phone

Protocol beyond just diet changes

A personalized protocol is built around your results, across lifestyle, supplements, medication and diet.

Curated medication and supplements

Medication & supplements you need

You're not left searching Amazon — access what you need in our marketplace, vetted by our medical board.

Superpower care team

Care team all year-round

Access unlimited care for the entire year — not just right after your lab test

Feature V3

Feature V4

Feature V5

Feature V6

Feature V7

Feature V8

Feature V9

Feature V10

Social Proof

Figma source: Node 316-4416

Seven families of trust-building sections. Each is one responsive JSX block; the toggle resizes the preview frame so you can see desktop and mobile renderings of the same code.

Doctors V1

Designed by the world’s leading physicians and scientists

Harvard Medical SchoolThe University of Chicago Pritzker School of MedicineUCLATufts University School of Medicine

Dr Leigh Erin Connealy, MD

Clinician & Founder of The Centre for New Medicine

Dr Anant Vinjamoori, MD

Chief Longevity Officer, Superpower

Dr Robert Lufkin

UCLA Medical Professor, NYT Bestselling Author

Dr Abe Malkin

Founder & Medical Director of Concierge MD

Doctors V2

Testimonials

Influencers

Reviews

Partnership Testimonial

Single Testimonial KPI

Membership

Figma source: Node 665-5967 (desktop) · 665-5899 (mobile)

Clean white card with image left + content right (desktop) or stacked image-top, content-below (mobile). Pagination dots indicate the image is part of a 4-image carousel.

Membership

Membership slide 1
1 / 4

Your membership starts here

Annual 100+ biomarker panel

  • Data dashboard and digital twin
  • Upload past labs and connect wearables
  • Personalized health protocol
  • 24/7 care team access
  • AI companion for all health questions
  • Marketplace with additional solutions
$199
/year*Billed annually
Get started
HSA/FSA eligibleCancel anytimeResults in a week

*Pricing may vary for members in New York and New Jersey

Partnership Membership

FAQ

Landing-page FAQ sections using the Dr. Leigh Connealy blood draw content. Two accordion variants for page body layouts.

FAQ Accordion

Frequently asked questions

FAQ Accordion 2

Superpower Membership
Baseline Membership
Get started