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.
The stripped LP nav for the PDP layout (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node
248:166): wordmark, six section links, one CTA. Not the full sp-navbar3 mega-menu, and
deliberately not sticky.
The signed-off v4 fold from CRO-PDP testing (1SsiG9YladWmn8Xg0Z0KMl, desktop 245:2055, mobile
289:385): sticky 14-slide gallery with the Clinicians' Choice slide-1 lockup and a scrolling
thumb rail, beside the full rich rail — social proof, H1, subhead, bordered plan card (price,
deadline, checklist, included-kit row, BEST VALUE ribbon), CTA, reassurance, payment chips,
Your-first-year card, stats card, Backed-by-the-world's-best (Giannis), member-stories video rail,
and the expanded FAQ. Uses the same PdpBuyBoxInteractions driver as v2 (gallery slide/drag,
rail arrows, biomarker-modal chips). ⚠️ The frontrowMD "without compensation" line and the
"Backed by" Giannis framing are pending Kat's sign-off — editable text slots on purpose.
The A/B counterpart to the v4 fold (Website-CRO Figma PCYluUeBYOyEFgaSo0mdW2, desktop
219:3637, mobile 337:5153): the biological-age portrait leads a 6-slide gallery, the
"What we test" chips carry green dots, and the rail is deliberately lighter — price row with a
green Founding-price pill, a bordered fact row, five checks, the 6M+ badge riding the CTA, the
stats card and four collapsed accordions. Same PdpBuyBoxInteractions driver and the same
biomarker modal (the +90 more chip).
Daniel OSuperpower member
David LSuperpower member
Rachel DSuperpower member
Camelia VSuperpower member4.6 on Trustpilot · 64,000+ members
Find early signs of 1,000+ conditions in one blood draw – with a care team and AI concierge to act on every result.
$199
$349
/year*
Founding price
100+ biomarkers from one blood draw
At-home or 2,000+ labs nationwide**
Results in 10 days or less
Personalized plan that turns data into action
On-demand care team
*Pricing may vary for members in New York and New Jersey
**At-home labs for an additional cost
What we test
60%
found something a doctor missed
93%
rated it more useful than their checkup
77%
found something new in their results
Superpower member survey, 90 days post action plan (n=143).
How does the Superpower membership work?
$199/year covers your annual 100+ biomarker test, a personalized action plan, your health dashboard, and 24/7 care team access. One membership, everything included.
Can I cancel anytime?
Yes. You can cancel anytime, no fees. Your membership stays active through the end of your paid year.
How often should I test?
Your membership includes one comprehensive test a year. You can add extra tests anytime through the app to track how your numbers are moving.
When will I get my results?
Book your draw at any of 2,000+ partner labs or at-home. Results are typically ready in about a week and land in the Superpower app.
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.
The PDP v4 press band: the shared PressLogo set (the same exports the PR marquee uses) at the
Figma's legible grey (PressLogo's own 50% — without the old wrapper's extra opacity-30 that
washed it out), plus the Yahoo Finance mark from the Figma scan. One marquee row, white edge
fades, the Figma's 96px vertical padding.
Ported 1:1 from the live /welcome-v3 section_how-superpower-works. A left-aligned horizontal
slider of four image cards: drag, trackpad wheel (one card per gesture), and prev/next arrows.
The PDP v4 booking-to-baseline section from Figma node 273:2056: a static three-card sequence
with the exact staged photography, responsive type, and baseline CTA from the approved desktop and
mobile frames.
How it works
01
Pick a time in the app. A licensed phlebotomist comes to your home, no clinic, no referral, no fasting surprises.
02
One vial cover all 100+ biomarkers. Results land in the app in days, each explained in plain language.
03
A personalized action plan from your care team. Work it, retest, and watch the numbers move.
Figma source: Node 5601-1469 (desktop) · 5601-3128 (mobile)
The live Figma node is named ↳ Biomarkers. One responsive layout: 3-col × 2-row grid on desktop with photographic anatomy icons; 2-col × 3-row text-only cards on mobile.
Panel biomarker grid with membership-focused copy. It keeps the same editable lab-logo, CTA, and biomarker-category layout as the primary Biomarkers section.
Live source: welcome-v2 section_marquee-scroll
Conditions marquee: centered headline + tube image with two infinite text rows moving in opposite directions. The tube image reveals from below with blur and opacity as it enters the viewport.
The full-bleed "one test, whole body" proof band (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl,
node 273:2089). A warm photographic ground with the copy anchored left and a rail of live
biomarker result cards on the right that fade at the top and bottom so it reads as a longer list
scrolling behind the portrait. Rail is decorative proof; it hides below 992 where the photo and
copy stack.
Low energy and brain fog usually trace back to something measurable: thyroid, iron, hormones, inflammation, blood sugar.
See what we testPorted 1:1 from the live /welcome-v3 section_10-days. A tall (220vh) section whose content is
position: sticky pinned for a viewport height; scrolling scrubs the ruler fill and reveals each
column. In non-scrolling previews (the builder canvas iframe, reduced motion, no-JS) it renders a
compact, fully-revealed timeline.
The vertical A/B counterpart of the milestone rail (Website-CRO Figma PCYluUeBYOyEFgaSo0mdW2,
desktop 300:4386, mobile 341:7703): a centre spine with a dot per milestone, media and copy
alternating sides at the Figma's 405px column / 215px gutter, 32px titles and 18px body. Mobile
runs the spine down the left edge — dot, then copy, then media filling the remaining width.
Your first year
DAY 0
15 minutes at a lab near you, or +$99 for an at home visit. 100+ markers, measured at once.
WEEK 1
60% of members find something they didn't know about.
MONTH 1
The ranked actions turn into a routine, and your AI Concierge answers the questions the first month raises.
MONTH 3-6
Your AI Concierge answers as questions come up, and your on-demand care team can act on the ones that need a clinician.
MONTH 12
A second full panel, read against your own baseline. You find out what actually moved. 93% of members rate it above their annual checkup.
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.
Figma source: Paid-Ads-LPs → Latest → 807:8219
(mobile 847:14388). Part of the Doctor / Paid Ads layout.
Three member quotes side by side on desktop, one at a time on mobile, with the prev/next buttons centred underneath. Round portrait, centred quote, name and role — no card, no border, just the column on the page background.
Runs on the same MemberStoryCarousel as the story-02 payload rather than a third carousel
implementation: that component takes slidesPerView={3} for the three-up row and
arrows="below" to move its buttons out from over the slide.
The PDP v2 member-review widget (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node 104:2),
on the Mars pattern: a score summary (4.6 + stars + "Based on 260+ reviews on Trustpilot") with a
"Read all reviews" action, then a STATIC grid of review cards — no marquee, no rating-distribution
bars (we don't have the real distribution, and this page has been burned by invented numbers).
All six reviews are real: three from Kevin's strawman (Mindi, HL, Anastacia Drake) and three from
superpower.com/reviews (Allison B, Coltin R, Pete H) — that page carries ~94 real member reviews
and is the source to pull from when this widget needs more. Anastacia's card uses her real
ReviewerPhoto; the others use initials circles, never a stock face.
The dark "built by the world's leading doctors" band (CRO-PDP testing Figma
1SsiG9YladWmn8Xg0Z0KMl, node 273:2520). Reuses CliniciansSlider in its dark tone: a draggable
rail of horizontal doctor cards (portrait, institution mark, name, role, one-line bio, Learn more)
on a near-black ground.
The PDP v4 "Real people, real stories" band (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node
273:2870): centered eyebrow, headline and Trustpilot proof line, then a three-up carousel of the
Figma's six VIDEO testimonial cards — poster with a play affordance, the quote below, and an
avatar / name / "Superpower Member" / Re-tested-pill footer. Posters are stills for now (video
sourcing is Gabriel's call); the play button is the Figma affordance.
Doctors V1 on the Website-CRO gradient ground (Figma PCYluUeBYOyEFgaSo0mdW2, node 309:4162):
identical layout and slider, near-black #212121 base with the warm radial glow rising from the
bottom, white heading, dark-tone cards. Literally Doctors V1 + the gradient.
Dr Leigh Erin Connealy, MD
Clinician & Founder of The Centre for New Medicine
Leads the largest integrative medical clinic in North America. A pioneer in integrative oncology.
Dr Anant Vinjamoori, MD
Chief Longevity Officer, Superpower
Board-certified longevity physician. Previously product leader at Virta Health & CMO at Modern Age. Featured in WSJ, Forbes, and Fortune.
Dr Robert Lufkin
UCLA Medical Professor, NYT Bestselling Author
A leading voice on metabolic health and longevity as shown in The Today Show, USA Today and FOX.
Dr Abe Malkin
Founder & Medical Director of Concierge MD
Leads a nationwide medical practice, and Drip Hydration, a mobile IV therapeutics company
Clone of superpower.com's "Used by athletes, doctors, and members just like you" social-proof slider: a draggable rail of mixed cards — celebrity photo, press quotes (Yahoo, Forbes, Athletech), member app screenshot, and two creator video cards that play inline from the Superpower CDN. Cards are plain markup (builder-editable); UsedBySlider owns drag/wheel/snap.
Figma source: Website-CRO → Latest → 398:6159
(mobile 414:9080). Part of the 2026-08 Doctor / Paid Ads layout.
Three Trustpilot review cards side by side on desktop, one at a time on mobile, prev/next centred
underneath. Card is #fafafa at radius 12 with 24 of padding, the five-star row on top, then the
review title, the body, and the reviewer — content top-aligned inside a 296 floor, which is what
gives the row its even bottom edge while a longer review is still free to grow past it.
Not Quote Carousel (#8) with a new skin. That variant is round portraits over centred quotes
and it is live on two published pages, so this is its own entry. Both run the same
MemberStoryCarousel engine — slidesPerView={3} and arrows="below", which already lands the
reference's 48px buttons, their 8px gap and its 64px stand-off.
The 16px inter-card gap is a negative margin, not a gap. basis-1/3 resolves against the
track, so widening the track by exactly one gap (-mr-4) and paying it back as slide padding
(pr-4) gives 416-wide cards inside a 1280 container with the last one flush right. A plain gap
would push the third card out of the viewport.
Two of the three reviewers have no photograph on Trustpilot, so they get an initials disc — never a stock face on a real person's review.
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.
Figma source: Paid-Ads-LPs → Latest → 807:8219
(mobile 847:14388). Part of the Doctor / Paid Ads layout.
Three member quotes side by side on desktop, one at a time on mobile, with the prev/next buttons centred underneath. Round portrait, centred quote, name and role — no card, no border, just the column on the page background.
Runs on the same MemberStoryCarousel as the story-02 payload rather than a third carousel
implementation: that component takes slidesPerView={3} for the three-up row and
arrows="below" to move its buttons out from over the slide.
The PDP v2 member-review widget (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node 104:2),
on the Mars pattern: a score summary (4.6 + stars + "Based on 260+ reviews on Trustpilot") with a
"Read all reviews" action, then a STATIC grid of review cards — no marquee, no rating-distribution
bars (we don't have the real distribution, and this page has been burned by invented numbers).
All six reviews are real: three from Kevin's strawman (Mindi, HL, Anastacia Drake) and three from
superpower.com/reviews (Allison B, Coltin R, Pete H) — that page carries ~94 real member reviews
and is the source to pull from when this widget needs more. Anastacia's card uses her real
ReviewerPhoto; the others use initials circles, never a stock face.
4.6
Based on 260+ reviews on Trustpilot
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!
Mindi · Verified member
The amount of blood required was far below competitors. The online marketplace completes the full offering for a one-stop-shop.
HL · Verified member
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 · Verified member
Superpower picked up what the doctors couldn't or wouldn't.
Allison B · Verified member
I was surprised to see my iron levels low. I would never have known this was an issue.
Coltin R · Verified member
After 3 years of shift work, I felt terrible. Low energy, brain fog, stubborn belly fat.
Pete H · Verified member
The dark "built by the world's leading doctors" band (CRO-PDP testing Figma
1SsiG9YladWmn8Xg0Z0KMl, node 273:2520). Reuses CliniciansSlider in its dark tone: a draggable
rail of horizontal doctor cards (portrait, institution mark, name, role, one-line bio, Learn more)
on a near-black ground.
The PDP v4 "Real people, real stories" band (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node
273:2870): centered eyebrow, headline and Trustpilot proof line, then a three-up carousel of the
Figma's six VIDEO testimonial cards — poster with a play affordance, the quote below, and an
avatar / name / "Superpower Member" / Re-tested-pill footer. Posters are stills for now (video
sourcing is Gabriel's call); the play button is the Figma affordance.
Doctors V1 on the Website-CRO gradient ground (Figma PCYluUeBYOyEFgaSo0mdW2, node 309:4162):
identical layout and slider, near-black #212121 base with the warm radial glow rising from the
bottom, white heading, dark-tone cards. Literally Doctors V1 + the gradient.
Clone of superpower.com's "Used by athletes, doctors, and members just like you" social-proof slider: a draggable rail of mixed cards — celebrity photo, press quotes (Yahoo, Forbes, Athletech), member app screenshot, and two creator video cards that play inline from the Superpower CDN. Cards are plain markup (builder-editable); UsedBySlider owns drag/wheel/snap.
Figma source: Website-CRO → Latest → 398:6159
(mobile 414:9080). Part of the 2026-08 Doctor / Paid Ads layout.
Three Trustpilot review cards side by side on desktop, one at a time on mobile, prev/next centred
underneath. Card is #fafafa at radius 12 with 24 of padding, the five-star row on top, then the
review title, the body, and the reviewer — content top-aligned inside a 296 floor, which is what
gives the row its even bottom edge while a longer review is still free to grow past it.
Not Quote Carousel (#8) with a new skin. That variant is round portraits over centred quotes
and it is live on two published pages, so this is its own entry. Both run the same
MemberStoryCarousel engine — slidesPerView={3} and arrows="below", which already lands the
reference's 48px buttons, their 8px gap and its 64px stand-off.
The 16px inter-card gap is a negative margin, not a gap. basis-1/3 resolves against the
track, so widening the track by exactly one gap (-mr-4) and paying it back as slide padding
(pr-4) gives 416-wide cards inside a 1280 container with the last one flush right. A plain gap
would push the third card out of the viewport.
Two of the three reviewers have no photograph on Trustpilot, so they get an initials disc — never a stock face on a real person's review.
Figma source: Node 325-1115
Three responsive table concepts. Each is one JSX block — desktop renders the full layout with side-by-side columns; mobile reflows columns into stacked cards.
The PDP comparison band (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node 273:2787): a five-row
head-to-head of a standard physical against Superpower, with the Superpower column lifted into a
highlighted panel. Never names a competitor.
The PDP iteration of "How Superpower compares" (Website-CRO Figma PCYluUeBYOyEFgaSo0mdW2,
comparison table): Table V1's two-column card grid on mobile (labels repeated inside each cell,
the Superpower column lifted onto a white card), and the Figma's three-column desktop with the
icon label rail. Same section identity on every breakpoint.
The same labs, side by side.
Standard physical
superpower
10-15 typical
Biomarkers tested
100+ included
Biomarkers tested
Copay & limited panel
Cost
$199/year
Cost
Results later
Action plan
Personalized, in the app
Action plan
Next year
Retesting
Add anytime in the app
Retesting
Office hours
Care team
On-demand
Care team
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.
Figma source: Paid-Ads-LPs → Latest → 807:8219
(mobile 847:14388). Part of the Doctor / Paid Ads layout.
Three member quotes side by side on desktop, one at a time on mobile, with the prev/next buttons centred underneath. Round portrait, centred quote, name and role — no card, no border, just the column on the page background.
Runs on the same MemberStoryCarousel as the story-02 payload rather than a third carousel
implementation: that component takes slidesPerView={3} for the three-up row and
arrows="below" to move its buttons out from over the slide.
The PDP v2 member-review widget (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node 104:2),
on the Mars pattern: a score summary (4.6 + stars + "Based on 260+ reviews on Trustpilot") with a
"Read all reviews" action, then a STATIC grid of review cards — no marquee, no rating-distribution
bars (we don't have the real distribution, and this page has been burned by invented numbers).
All six reviews are real: three from Kevin's strawman (Mindi, HL, Anastacia Drake) and three from
superpower.com/reviews (Allison B, Coltin R, Pete H) — that page carries ~94 real member reviews
and is the source to pull from when this widget needs more. Anastacia's card uses her real
ReviewerPhoto; the others use initials circles, never a stock face.
The dark "built by the world's leading doctors" band (CRO-PDP testing Figma
1SsiG9YladWmn8Xg0Z0KMl, node 273:2520). Reuses CliniciansSlider in its dark tone: a draggable
rail of horizontal doctor cards (portrait, institution mark, name, role, one-line bio, Learn more)
on a near-black ground.
The PDP v4 "Real people, real stories" band (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node
273:2870): centered eyebrow, headline and Trustpilot proof line, then a three-up carousel of the
Figma's six VIDEO testimonial cards — poster with a play affordance, the quote below, and an
avatar / name / "Superpower Member" / Re-tested-pill footer. Posters are stills for now (video
sourcing is Gabriel's call); the play button is the Figma affordance.
Real members
I was eating cleaner than I’d ever eaten but was having these symptoms. I didn’t feel good in my body anymore… I kind of felt like I got to the end of my rope.
Carissa K, 38
Superpower Member
It took me over an hour to fall asleep. Now, I fall asleep usually within minutes. To me, it’s a dream that never existed.
Daniel O, 22
Superpower Member
It was very sobering to realize that I thought I was healthy and in relatively great shape, but unfortunately there are things that I really need to take care of.
David L, 44
Superpower Member
It turns out I had Hashimoto’s. I was shocked… And at the same time, I felt really validated because I knew that I wasn’t crazy.
Rachel D, 36
Superpower Member
If I had had Superpower before, I would have had access to fertility testing through you guys, and no one would have put that barrier up for me.
Camelia V, 30
Superpower Member
You go through life thinking you’re gonna be healthy. Until you’re not. And when you’re not, it hits you like a brick wall. I was in a dark place... Now, I feel good, for the first time in a long time.
Chris S, 38
Superpower Member
Last year, I was diagnosed with breast cancer and it took me by surprise. After that, I was more inspired to take a proactive point of view when it comes to my health.
Rachel L, 30
Superpower Member
15 years of service, four tours overseas. That exposed me to things most people aren’t… That’s created health issues that led me to really understand what’s going on in my body.
Ron K, 53
Superpower Member
Superpower gave me a game plan. And honestly, I felt better last month than I felt in years.
John A, 57
Superpower Member
I asked my doctor for testing. They told me to start trying to conceive and if we can’t get pregnant in six months to come back. That seems backwards to me.
Darnah T, 37
Superpower Member
As a firefighter, recovery is everything. Superpower showed me my testosterone had dropped, likely driven by low vitamin D. Once I got on the right supplementation, my energy came back, my lifts got stronger... It was one simple change.
Kimani L, 44
Superpower Member
Doctors V1 on the Website-CRO gradient ground (Figma PCYluUeBYOyEFgaSo0mdW2, node 309:4162):
identical layout and slider, near-black #212121 base with the warm radial glow rising from the
bottom, white heading, dark-tone cards. Literally Doctors V1 + the gradient.
Clone of superpower.com's "Used by athletes, doctors, and members just like you" social-proof slider: a draggable rail of mixed cards — celebrity photo, press quotes (Yahoo, Forbes, Athletech), member app screenshot, and two creator video cards that play inline from the Superpower CDN. Cards are plain markup (builder-editable); UsedBySlider owns drag/wheel/snap.
Figma source: Website-CRO → Latest → 398:6159
(mobile 414:9080). Part of the 2026-08 Doctor / Paid Ads layout.
Three Trustpilot review cards side by side on desktop, one at a time on mobile, prev/next centred
underneath. Card is #fafafa at radius 12 with 24 of padding, the five-star row on top, then the
review title, the body, and the reviewer — content top-aligned inside a 296 floor, which is what
gives the row its even bottom edge while a longer review is still free to grow past it.
Not Quote Carousel (#8) with a new skin. That variant is round portraits over centred quotes
and it is live on two published pages, so this is its own entry. Both run the same
MemberStoryCarousel engine — slidesPerView={3} and arrows="below", which already lands the
reference's 48px buttons, their 8px gap and its 64px stand-off.
The 16px inter-card gap is a negative margin, not a gap. basis-1/3 resolves against the
track, so widening the track by exactly one gap (-mr-4) and paying it back as slide padding
(pr-4) gives 416-wide cards inside a 1280 container with the last one flush right. A plain gap
would push the third card out of the viewport.
Two of the three reviewers have no photograph on Trustpilot, so they get an initials disc — never a stock face on a real person's review.
Figma source: Paid-Ads-LPs → Latest → 843:706
(mobile 847:14389). Measured ladder: docs/doctor-paid-ads-template-spec.md.
The conversion block of the Doctor / Paid Ads layout, and the only section on that page with a non-white background. Photo on the left; on the right an attribution pill that puts a named clinician's face next to the panel, the benefit list, the price, one full-width CTA, and a row of reassurances under it.
The pill, any single bullet, the price sub-label and the reassurance row are all delete-safe — rows
carry their own top margin and the column has no gap, so removing one closes the space instead of
leaving a hole. That matters here more than anywhere else on the page: a partner LP without a named
doctor drops the pill, and a promo without a strikethrough drops the sub-label.
Note the heading runs 48/56 here, not the 48/52 used by numbered-story — this block gives its
title more room, and the ladder is the reference's.
Figma source: Website-CRO → Latest → 409:7313
(mobile 414:8296). The closing block of the 2026-08 Doctor / Paid Ads layout — rebuilt dark; the
earlier light bg-surface-secondary card is history.
Same 1280 grid as the numbered stories: a 39rem (624) portrait, then the 32.1875rem (515) column,
justify-between. The reference's background is a photographed warm gradient, exported per breakpoint
because a wide crop cannot cover a 393 × 987 phone frame without losing its vertical run — desktop
and mobile files, one visible at a time, over a #1b0800 base so nothing flashes white.
Everything else is real DOM and every string is a builder slot: the rating lockup (tone="invert"),
the H2, the three-part price row, the hairline fact row, six checks, the CTA with the accent badge
riding its top edge, and the two-line legal footnote.
The badge is positioned against the BUTTON, not the section, and ButtonV2 is overflow-hidden,
so it cannot be a child of it — hence the one wrapper div around the pair.
Daniel OSuperpower memberDavid LSuperpower memberRachel DSuperpower memberCamelia VSuperpower member4.6 · 64,000+ members4.6 on Trustpilot · 64,000+ members
100+ biomarker panel
$349$199
On-demand care team
Included
AI concierge
Included
Discounted supplements
Included
Total cost*
$199
per year$349
$0.55 per day
*Pricing may vary for members in New York and New Jersey
Superpower found ferritin at 7% of optimal — critically depleted despite doing "all the right things." Within two months of the right protocol, her energy returned, brain fog lifted, and her cycles stabilized.
Larissa K.
Superpower Member
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.
Figma source: Website-CRO → Latest → 398:6228
(mobile 414:8335). Padding is the reference's 48 → 96, matching the story sections above it.
The closing block of the Doctor / Paid Ads layout: one muted paragraph at container width, sitting
between the offer and the site footer. Kept as its own section rather than folded into Footer so a
page can carry the disclaimer without the full footer, or the footer without the disclaimer.
The stripped LP footer for the PDP layout (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl, node
248:178): wordmark + CTA, section links, and a legal line. No WebGL background.
The same stripped footer as Footer Minified above with one difference that matters: its section
links. The default set points at the PDP's own section keys (biomarkers-band, how-it-works,
doctors, review-widget, buy-box, pdp-faq) and every one of them is a dead link on a page
that has none of those sections — scrollToSection finds no target, falls through to a #hash
that does not exist, and the click does nothing. This variant passes the Connealy layout's four real
destinations instead and drops the two with no equivalent (Doctors, FAQ).
Live source: Dr. Leigh Connealy
Figma source: Paid-Ads-LPs → Latest → 847:4047
(mobile 847:4034). The Doctor / Paid Ads bar.
Same component as the bar above — the only differences are content: the clinician's round avatar in
place of the product shot, and the offer restated as Free: Dr. Connealy's 8 bonus markers /
Auto-applied when you join through this page.
imageSrc and imageRounded are new optional props; the default bar passes neither and renders
byte-identically.
The Grüns-style once-per-session offer interstitial, built for the PDP recipe. The modal markup
lives HERE in the section (every string is a normal builder text slot, the image a normal image
slot); ScrollOfferModalPreview (appended last) owns the trigger and presentation state.
On live pages the overlay ships closed (SSR final state — the section is invisible and
zero-height) and opens once per session (sessionStorage) when the visitor scrolls past ~45% of
the page or, on hover-capable devices, moves the pointer out through the top of the viewport.
Dismiss via the X, the backdrop, or Escape; reduced motion drops the transitions. In the builder
editor canvas (static preview runtime) the driver never runs and the stylesheet re-flows the
overlay as an open in-page band, so everything is visible and editable there.
The default image is a relative /lp-assets/... URL: it resolves on every LP host AND in the
builder canvas (dev serves content/lp-assets directly; the deployed builder rewrites
/lp-assets/* to the lp-server origin — an asset only 404s remotely until its content commit is
pushed). In interactive design-gallery previews the section renders as an empty band (the modal
is closed until its trigger fires); use the builder canvas to see it open.
The PDP's "What the 100+ panel measures" dialog (CRO-PDP testing Figma 1SsiG9YladWmn8Xg0Z0KMl,
node 133:2, holder 47:2). The modal markup lives HERE in the section — every category name,
count, marker line and the CTA are normal builder slots; PdpBiomarkerModalPreview (appended
last) owns the trigger and presentation state.
On live pages the overlay ships closed (SSR final state — invisible and zero-height) and opens
on any click of a data-pdp-biomarker-modal-trigger element anywhere on the page — the buy box's
"+N more" chips and the brand band's "See all 100+ biomarkers" CTA both carry it. Re-openable (it
is reference material, not an interstitial); dismiss via the X, the backdrop, or Escape. In the
builder editor canvas the stylesheet re-flows it as an open in-page band for editing.
The categories, counts and marker lists are the library's real ones (biomarkers.mdx — Heart
& Vascular 17 · Liver 13 · Kidney 9 · Sex Hormones 8 · Nutrients 19 · Thyroid 4, selections
shown). Never retype or invent a clinical number; the honest "a selection is shown" note carries
the partial lists.
All 101 markers in your annual baseline draw, organized by system. Nothing here is an upsell.
Heart & Vascular Health
26
Metabolic Health
4
Energy
1
Liver Health
15
Kidney
11
Sex Hormones
7
Thyroid Health
4
Nutrients
13
Immune System
12
Inflammation
8
Specialty add-on panels (8 more, from Dr. Connealy) are available at superpower.com/biomarkers.
Every marker is included at every tier. HSA/FSA eligible.
The PDP's full-screen scroll / exit-intent interstitial (CRO-PDP testing Figma
1SsiG9YladWmn8Xg0Z0KMl, node 251:168): an edge-to-edge clinic photograph, a two-line display
headline, the panel's category chips with A/B grade avatars, and one CTA. Reuses the
ScrollOfferModalPreview driver (same data-scroll-offer-* contract — once-per-session scroll
depth / exit intent, dismiss via X, backdrop, or Escape). The card cancels the overlay's padding
with a negative margin so it fills the viewport.
The PDP's floating bottom-left social-proof toast: every 15 seconds one real Trustpilot review
(names + titles from the review-widget's verified set) slides in for 8 seconds above the sticky
bar, with a draining progress bar and a session-wide dismiss. PdpPurchaseToastPreview owns the
cycle; the items here are ordinary editable slots.
