← back to the gallery

Headspace: colorful wellbeing landing with paired introductory cards and rounded content-library panels

Tier
inspiration
Roles
hero, explainer, feature, testimonial, proof
Feel
light, playful, minimal, warm
Motion
pan, reveal, kinetic
Source
public-site
Site
https://headspace.com
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/5645fc85-61f9-4fcc-b03d-8bf507f5aae4.mp4
both: https://headspace.com

What it does

Two pale introductory cards combine illustration and a yellow phone example. A list of needs leads into yellow and pink guidance panels, colored dots and testimonial cards. A broad blue enterprise panel provides a visual break before colorful content-library cards.

Section roster

1. Paired introductory cards. 2. Illustration and yellow phone example. 3. Needs list. 4. Yellow and pink guidance panels. 5. Colored dots and testimonials. 6. Blue enterprise panel. 7. Colorful content-library cards.

Why it works

Rounded panels and simple illustrations make the subject approachable. Strong yellow, pink and blue chapters separate different audiences and content types without adding a complex navigation structure.

Source and capture notes

Refero [style page](https://styles.refero.design/style/035a098b-5a27-48a3-8a3a-c68a698e3eab) and [recorded video](https://images.refero.design/styles/refero.design/video/5645fc85-61f9-4fcc-b03d-8bf507f5aae4.mp4); [live site](https://headspace.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 and automated live captures; interactive controls were not comprehensively tested. The current introduction emphasizes relationships and therapy; the source ends within the content library rather than establishing a full footer.