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
Other sections on this page
- Banner — 'Get started for free' light offer strip
- Feature — Wearable health benefits hero section
- Gallery / Showcase — 'Get a complete picture' benefit carousel
- Pricing / Plans — Membership Tier Selection
- Testimonial / Social Proof — Health & Fitness Platform – Celebrity & Expert Testimonials
- Feature — 'Built to be worn 24/7' dark product feature
- Feature — Premium wearable device band showcase
- Comparison — Peak Membership Trial Offer with WHOOP Device
- CTA / Sign-up — Advanced Labs health biomarkers landing section
- Footer — Footer with Legal, Support, and Partnership Links