Whoop — Hero
Purple gradient hero with a thin top promo banner, a tan WHOOP band product image, the headline 'Save up to $60 on an annual membership' and a white pill 'Join Now' CTA.
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-violet-membership-discount-hero-with-band-photo.
Measured spec
| Scheme | dark |
| Background | #525766 |
| Text | #FFFFFF |
| Accents | #19110E |
| Contrast | 7.21 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.64 |
| Measured size | 1600×1153 px |
Palette
#5B3FE0#C8A07A#FFFFFF
Fonts
Proxima Nova
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarBadge
Context
- Parent page: Whoop fitness wearable landing page with purple hero, three-tier membership cards and MVP testimonial grid
- All of Whoop
Other sections on this page
- Banner — 'Get started for free' light offer strip
- Feature — 'Wear WHOOP daily' with desert running photo
- Gallery / Showcase — 'Get a complete picture' benefit carousel
- Pricing / Plans — Three-tier membership cards ONE / PEAK / LIFE
- Testimonial / Social Proof — 'Backed by PHDs, worn by MVPs' athlete mosaic
- Feature — 'Built to be worn 24/7' dark product feature
- Feature — 'One device, endless ways to wear it' + Live in luxe
- Comparison — Dark 'No other wearable' comparison block
- CTA / Sign-up — 'Advanced Labs' health-focus CTA
- Footer — Dark multi-column WHOOP footer