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

Variant	Node ID	Layout
Option 1	`986-5750`	Two-column copy, CTA row, USP row, square media card
Option 2	`7-302`	Centered copy, CTA row, USP row, large media block
Option 3	`7-299`	Inset background-media hero, centered white content
Option 4	`7-300`	Inset background-media hero, left-aligned white content
Option 5	`8-664`	Left-aligned copy with horizontal media rail
Option 6	`8-719`	Centered copy with horizontal media rail
Option 7	`8-807`	Two-column copy and staggered media grid
Option 8	`665-3574`	Content/stat row with large media block below
Hero with Quote	Reference page	Quote-led doctor endorsement hero
Hero with Quote (Inverted)	Reference page	Quote 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.*

Start my health check See what we test

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

Built by the world’s top doctors and scientists

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

Variant	Node ID	Notes
Feature V1	`666-135`	4-card numbered "How it works" layout
Feature V2	`666-885`	Membership value section, rating badge, quote, and 4 feature rows
Feature V3	Live page	Dr. Connealy lab-results sticky price + 5 step rows
Feature V4	`779-79`	Heart-guideline banner: pretitle + 3 stat columns
Feature V5	`667-1514`	"See your health" with phone mockup
Feature V6	`667-1540`	Vetting criteria with branded product image
Feature V7	`770-52`	"From draw to plan in days" with 4 numbered step rows
Feature V8	Webflow	Fathers Day health changes drag slider
Feature V9	Webflow	VAST "How Superpower Works" four-card section
Feature V10	Webflow	VAST partnership claim gift section

Feature V1

How it works

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

Test your baseline

One simple blood draw to measure 100+ biomarkers.

Results explained

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

Build your protocol

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

Superpower 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

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

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 eligible

Cancel anytime

Results 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

Footer

Mandatory final section for every landing page. One variant, no selection needed. Logo + newsletter signup, live Superpower link groups, App Store + Ask-AI badges, CEO video lightbox, and copyright bar.