Whoop: Wearable fitness tracker landing page
This is a landing page for a wearable health and fitness tracking device sold through annual memberships. The page uses a full-width scrolling layout with alternating sections of hero imagery, value propositions, membership tier cards, and product feature galleries. Key messaging emphasizes daily wear, 24/7 health monitoring, and health improvement outcomes, with prominent pricing options and calls-to-action throughout.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/whoop-whoop-fitness-wearable-landing-page-with-purple-hero-three-tier-membership-cards-and-mvp-testimonial-grid.
Palette
#5B3FE0#0B0B0F#F4F1EC#C8843E#E8E4DC
Fonts
Proxima Nova
Page types
Landing PagePricing
UX patterns
Dark ModePricing ToggleStats / KPIs
UI elements
Navigation BarCardPricing CardBadge
Context
More from Whoop
- CTA / Sign-up — Advanced Labs health biomarkers landing section
- Testimonial / Social Proof — Health & Fitness Platform – Celebrity & Expert Testimonials
- Feature — 'Built to be worn 24/7' dark product feature
- Footer — Footer with Legal, Support, and Partnership Links
- Comparison — Peak Membership Trial Offer with WHOOP Device
- Gallery / Showcase — 'Get a complete picture' benefit carousel
- Banner — 'Get started for free' light offer strip
- Feature — Premium wearable device band showcase
- Pricing / Plans — Membership Tier Selection
- Hero — Violet membership-discount hero with band photo
- Feature — Wearable health benefits hero section