← back to the gallery

WHOOP: wearable-membership landing with athletic films, health-story cards and dark device presentations

Tier
inspiration
Roles
hero, explainer, feature, offer, proof
Feel
light, dark, premium, depth, cold
Motion
pan, reveal, kinetic
Source
public-site
Site
https://whoop.com
Licence
Captured from a Refero-hosted recording; description only, no redistribution of the source recording. Live site checked but no live capture retained.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/c80e1d56-a57e-46a7-9081-2e8407757909.mp4

What it does

Recording-only reference. Athletic film footage introduces a wearable-health statement beneath dark navigation. A white training explanation leads into a row of health-story cards. A black membership section displays three device offers before athlete and research imagery, a dark all-day-wear presentation and smaller device-use examples.

Section roster

1. Athletic-film introduction. 2. White training explanation. 3. Health-story card row. 4. Black three-offer membership section. 5. Athlete and research imagery. 6. Dark all-day-wear presentation. 7. Smaller device-use examples.

Why it works

The athletic imagery connects the wearable to everyday training. White story sections explain use cases, while black membership and device panels give hardware and offers clear emphasis.

Source and capture notes

Refero [style page](https://styles.refero.design/style/05053a60-1964-4154-9d58-ebdf6352ed3a) and [recorded video](https://images.refero.design/styles/refero.design/video/c80e1d56-a57e-46a7-9081-2e8407757909.mp4); [live site](https://whoop.com) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames; no live capture or measured responsive layout is attached; interactive controls were not comprehensively tested. The live page displayed a blocked screen with HTTP 403, which is not retained. The source ends within device-use examples rather than establishing a complete closing or footer; offers are historical recording evidence.