Headspace: Headspace consumer mental-health landing with twin app/therapy cards and playful 3D mascots
A warm, rounded consumer wellness landing where the centered hero "Feel less anxious all with Headspace" sits above two side-by-side dark-bordered product cards (meditation app vs. insurance-accepting therapy), each cradling a floating phone mockup surrounded by squishy gradient 3D blobs. The signature element is Headspace's playful orange-to-pink gloopy mascot characters and pill-shaped buttons that recur across a tabbed yellow "every moment" carousel, an "Explore our library" card row, and dotted-eye "find some headspace" marquees. Alternating full-bleed color bands (saturated yellow, cobalt blue org/stats blocks, sky-blue "Join the millions" panel) drive a friendly, high-energy editorial rhythm.
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/headspace-headspace-consumer-mental-health-landing-with-twin-app-therapy-cards-and-playful-3d-mascots.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Headspace
- Logo Wall — Brand logo row over '4,000 organizations' blue block
- Hero — Centered hero with twin app vs therapy cards
- Gallery / Showcase — Explore our library filterable card row
- Banner — 'find some headspace' yellow marquee
- FAQ — Frequently asked questions accordion
- Banner — HSA/FSA pre-tax eligibility promo bar
- Testimonial / Social Proof — Members enjoying happier lives quotes
- Stats / Metrics — Sky-blue 'Join the millions' stats panel
- Feature — Tabbed 'every moment' yellow carousel
- Steps / How-it-works — What kind of headspace are you looking for grid