Whoop: Whoop fitness wearable landing page with purple hero, three-tier membership cards and MVP testimonial grid
The page opens with a vivid violet hero band carrying a "Save up to $60 on an annual membership" headline overlaid on a tan WHOOP band product photo, paired with a white pill CTA. Its signature move is the alternation between dark editorial product sections and warm desert/lifestyle photography, anchored by a three-column pricing trio (ONE / PEAK / LIFE) rendered as floating device-mockup cards and a dense "Backed by PHDs, worn by MVPs" mosaic of athlete video tiles. A near-black "Built to be worn 24/7" feature with a single floating device on void contrasts sharply with the cream and earth-toned imagery above.
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
Fonts
Page types
UX patterns
UI elements
Context
More from Whoop
- CTA / Sign-up — 'Advanced Labs' health-focus CTA
- Testimonial / Social Proof — 'Backed by PHDs, worn by MVPs' athlete mosaic
- Feature — 'Built to be worn 24/7' dark product feature
- Footer — Dark multi-column WHOOP footer
- Comparison — Dark 'No other wearable' comparison block
- Gallery / Showcase — 'Get a complete picture' benefit carousel
- Banner — 'Get started for free' light offer strip
- Feature — 'One device, endless ways to wear it' + Live in luxe
- Pricing / Plans — Three-tier membership cards ONE / PEAK / LIFE
- Hero — Violet membership-discount hero with band photo
- Feature — 'Wear WHOOP daily' with desert running photo