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.
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.*
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
'%3e%3cpath%20id='Vector'%20d='M96.2091%2020.7057V14.9504H74.3166V36.1569C74.1987%2033.6725%2073.2916%2031.7449%2071.5736%2030.3892C70.3857%2029.452%2068.6022%2028.7028%2066.2223%2028.1431L60.7922%2026.8625C58.6968%2026.3728%2057.3268%2025.9463%2056.6816%2025.5822C56.0887%2025.26%2055.6725%2024.8393%2055.4297%2024.3223L55.4294%2024.3231C55.4276%2024.3194%2055.4262%2024.316%2055.4244%2024.3123C55.263%2023.9587%2055.1704%2023.546%2055.1704%2023.1028C55.1704%2022.1548%2055.496%2021.3482%2056.1694%2020.7145C56.1694%2020.7137%2056.1696%2020.7126%2056.1696%2020.7126C56.1842%2020.6983%2056.1994%2020.685%2056.214%2020.6717L56.2142%2020.6715C56.2147%2020.6688%2056.2153%2020.6683%2056.2161%2020.6699C56.3631%2020.5361%2056.5245%2020.4098%2056.7028%2020.2922C57.7214%2019.6205%2059.0846%2019.2847%2060.7919%2019.2847C62.3267%2019.2847%2063.6107%2019.544%2064.6439%2020.0613C66.1936%2020.8453%2067.0254%2022.1678%2067.1403%2024.0288H73.3537C73.2401%2020.7402%2072.0184%2018.2319%2069.6879%2016.5033C67.3572%2014.775%2064.5415%2013.9108%2061.2412%2013.9108C57.2886%2013.9108%2054.2922%2014.8276%2052.252%2016.6607C50.9977%2017.7881%2050.1309%2019.0931%2049.6476%2020.5743H49.6452C49.5415%2020.8933%2049.4544%2021.2251%2049.3859%2021.56H49.3854C48.629%2025.1284%2046.3311%2027.552%2042.4897%2027.552C36.3387%2027.552%2034.0284%2022.3188%2034.0284%2017.1286C34.0284%2011.6783%2036.3387%206.44639%2042.4897%206.44639C45.8895%206.44639%2048.8562%208.80025%2049.2917%2011.8962H55.9212C55.0921%204.7011%2049.3355%200.688477%2042.49%200.688477C33.2983%200.688477%2027.7208%207.23437%2027.2229%2015.8578V1.43054H20.375V20.793C20.375%2025.4155%2018.8054%2027.5523%2013.9212%2027.5523C8.38251%2027.5523%207.5104%2024.1944%207.5104%2020.793V1.43054H0.664062V20.793C0.664062%2029.2533%205.54721%2033.3089%2013.9212%2033.3089C22.2517%2033.3089%2027.2227%2029.2103%2027.2227%2020.793V18.3654C27.7206%2026.7638%2033.298%2033.3091%2042.4897%2033.3091C46.2664%2033.3091%2049.4871%2032.0909%2051.8621%2029.9205C52.0094%2030.0389%2052.1605%2030.1543%2052.3197%2030.2634C53.5514%2031.1172%2055.8129%2031.9078%2059.1053%2032.6356L62.4552%2033.3705C64.416%2033.7903%2065.8478%2034.2731%2066.7515%2034.8188C67.6539%2035.3785%2068.1056%2036.1697%2068.1056%2037.1909C68.1056%2038.9407%2067.1841%2040.1372%2065.3409%2040.7805C64.3693%2041.1165%2063.1043%2041.2842%2061.547%2041.2842C58.9465%2041.2842%2057.1102%2040.6475%2056.0385%2039.3739C55.453%2038.6743%2055.0597%2037.618%2054.8599%2036.2044H48.6885C48.6885%2039.4235%2049.8552%2041.9528%2052.1889%2043.7928C54.5231%2045.6334%2057.7268%2046.5533%2061.8007%2046.5533C65.7894%2046.5533%2068.8763%2045.6191%2071.0619%2043.7506C73.0718%2042.0324%2074.1549%2039.9076%2074.3166%2037.3783V46.0883H81.1637V33.2224H94.2027V27.9021H81.1637V20.7057H96.2091Z'%20fill='var(--fill-0,%20black)'%20fill-opacity='0.3'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_0_6'%3e%3crect%20width='96.8721'%20height='47.2417'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
Style=PR
Partnership Marquee
Listicle
Figma source: Feature V6/Desktop — Node 472:6350
A single numbered listicle row. Two equal columns on desktop — eyebrow number, heading, body, and a CTA on the left; a rounded image on the right. Stacks to one column on mobile.
Listicle
02
"Normal" cholesterol doesn't mean low risk
A standard cholesterol test checks a few basic numbers and was built decades ago, leaving much out. Many get normal results while real heart risk builds beneath, giving a false sense of safety.
Listicle
Figma source: Feature V6/Desktop — Node 472:6350
A single numbered listicle row. Two equal columns on desktop — eyebrow number, heading, body, and a CTA on the left; a rounded image on the right. Stacks to one column on mobile.
Listicle
02
"Normal" cholesterol doesn't mean low risk
A standard cholesterol test checks a few basic numbers and was built decades ago, leaving much out. Many get normal results while real heart risk builds beneath, giving a false sense of safety.
Listicle
Figma source: Feature V6/Desktop — Node 472:6350
A single numbered listicle row. Two equal columns on desktop — eyebrow number, heading, body, and a CTA on the left; a rounded image on the right. Stacks to one column on mobile.
Listicle
02
"Normal" cholesterol doesn't mean low risk
A standard cholesterol test checks a few basic numbers and was built decades ago, leaving much out. Many get normal results while real heart risk builds beneath, giving a false sense of safety.
Listicle
Figma source: Feature V6/Desktop — Node 472:6350
A single numbered listicle row. Two equal columns on desktop — eyebrow number, heading, body, and a CTA on the left; a rounded image on the right. Stacks to one column on mobile.
Listicle
02
"Normal" cholesterol doesn't mean low risk
A standard cholesterol test checks a few basic numbers and was built decades ago, leaving much out. Many get normal results while real heart risk builds beneath, giving a false sense of safety.
Listicle
Figma source: Feature V6/Desktop — Node 472:6350
A single numbered listicle row. Two equal columns on desktop — eyebrow number, heading, body, and a CTA on the left; a rounded image on the right. Stacks to one column on mobile.
Listicle
02
"Normal" cholesterol doesn't mean low risk
A standard cholesterol test checks a few basic numbers and was built decades ago, leaving much out. Many get normal results while real heart risk builds beneath, giving a false sense of safety.
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
Doctors V2
Testimonials
Influencers
Reviews
Here's why thousands of members chose SuperpowerHere's why 150,000+ members chose Superpower
The tools for preventative care
As an Integrative Women's Health Coach this is exactly what I was looking for, for myself and to recommend to my clients.
Anastacia Drake
Superpower member
Superpower by far has the best offering
The amount of blood required was far below competitors. The online marketplace completes the full offering for a one-stop-shop.
H
HL
Superpower member
Thank you Superpower!
They gave me a protocol to follow so I can take control of my health. I have a new workout plan, nutrition and supplement guidance to help me meet my goals. The concierge team is absolutely amazing too!
M
Mindi
Superpower member
From skeptical to total fan
I was skeptical but really wanted to get deeper look at my health and my PC wasn't willing to go this comprehensive. I've been so impressed with the entire experience!
C
Canterina Roman
Superpower member
I was with Function Health last year
My doctors said I was all good but I wasn't. I liked that Superpower explained more specifically to me my health issues especially with hormone imbalance.
Amy R
Superpower member
So much better than Function Health
I tried Function Health before this and it just felt like a huge data dump without any direction. With Superpower opting into a protocol feels really personalized.
Will
Superpower member
Partnership Testimonial
Single Testimonial KPI
Listicle
Figma source: Feature V6/Desktop — Node 472:6350
A single numbered listicle row. Two equal columns on desktop — eyebrow number, heading, body, and a CTA on the left; a rounded image on the right. Stacks to one column on mobile.
Listicle
02
"Normal" cholesterol doesn't mean low risk
A standard cholesterol test checks a few basic numbers and was built decades ago, leaving much out. Many get normal results while real heart risk builds beneath, giving a false sense of safety.
Listicle
Figma source: Feature V6/Desktop — Node 472:6350
A single numbered listicle row. Two equal columns on desktop — eyebrow number, heading, body, and a CTA on the left; a rounded image on the right. Stacks to one column on mobile.
Listicle
02
"Normal" cholesterol doesn't mean low risk
A standard cholesterol test checks a few basic numbers and was built decades ago, leaving much out. Many get normal results while real heart risk builds beneath, giving a false sense of safety.
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
.avif)
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
Get started/year*Billed annually
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.