← back to the gallery

Superpower: clinical health-membership landing

Tier
inspiration
Roles
hero, explainer, capability, feature, proof, offer, faq, closing, footer
Feel
light, premium, editorial, minimal, warm
Motion
reveal, wipe, pan, stagger
Source
public-site
Site
https://superpower.com/
Licence
Captured from the supplied recording and live site; description only, no redistribution of the source.
Captured
2026-09-16
Captures
frames: superpower.mp4
both: https://superpower.com/

What it does

Superpower sells a preventive-health membership through an editorial opening image and a practical explanation of testing, results, protocols, and clinician support. It balances aspirational lifestyle photography with screenshots of a health dashboard and short, structured benefit statements.

Section roster

1. Membership hero with a silhouetted portrait in an orange halo, concise eligibility note, and two actions. 2. Credibility logos and a four-part “How it works” overview. 3. Extended testing and biomarker explanation with device/dashboard imagery. 4. Personalized-results and protocol chapters using phone, tablet, and lifestyle images. 5. Membership, clinicians, testimonial, and social-proof sections. 6. Offer, question/answer, and membership call-to-action sections above the footer.

Why it works

The page introduces a medical subject through a human silhouette and warm light before it shifts into proof. White space, plain sans-serif type, and orderly interface cards make the technical details feel accessible. The orange hero creates a memorable visual signature, while black and white controls keep conversion choices legible.

Sources

The supplied 20.88-second recording captures an alternate campaign hero (“Get better at being healthy, every year”), the testing explainer, dashboard/device views, and the later protocol-form overlay. The live capture at https://superpower.com/ provides the current “Your new health membership” hero, measured typography/tokens, current desktop and mobile layouts, a free-retest selector, and documented how-it-works/testimonial animation timing. The hero copy and conversion overlay differ between sources; the entry records both observed states.