Headspace
www.headspace.coma meditation and mental-health brand whose site radiates calm and friendliness, a warm cream canvas, the bespoke Headspace Apercu sans, big soft-rounded shapes, playful illustration and a signature sunshine yellow, so therapy and mindfulness feel approachable rather than clinical.
Design tokens
- display
- Headspace Apercu (bespoke sans)
- body
- Headspace Apercu (bespoke sans)
- sans
- Headspace Apercu
- mono
Do / Don't
Reference it for
- A warm, safe palette for a sensitive service: a cream canvas (not stark white), gentle dark ink (not hard black), one sunshine-warm accent plus a clear action blue.
- Segmenting navigation by feeling and need (Anxiety, Stress, Sleep, Mindful families) so an anxious visitor self-selects quickly.
- Heavily rounded shapes (24-32px radii, pills, soft cards) for a padded, approachable, safe feel.
- A single friendly sans carrying the whole voice, kept at a calm type scale.
- Illustration and character over clinical stock photography to humanise a mental-health brand.
Do not copy
- The Headspace Apercu type, the exact cream/yellow/blue palette, and the illustrated characters are headspace's brand; build the client's own warm system, do not imitate the mascots.
- headspace's breadth (meditation, sleep, AI companion, coaching) suits a global app; a local therapy practice should keep the warmth but scope the nav to its real services.
- The brand voice is theirs; calibrate to a similar warmth, never copy phrasing.
Signature moves
warm safe palette for a sensitive service
a cream canvas (not stark white), a gentle dark ink (not hard black), one sunshine-warm accent plus a clear action blue make a mental-health brand feel safe
feeling-segmented navigation
navigation is segmented by feeling and need (Anxiety, Stress, Sleep, Mindful families) so an anxious visitor self-selects quickly
heavily-rounded padded shape system
heavily rounded shapes (24px and 32px cards, 16px chips, pills) give a padded, approachable, safe feel under a single friendly sans
Related references
Bench Accounting
strongProfessional Services
a small-business bookkeeping service that builds trust with a deep-navy hero, friendly Circular Std type, a soft blue-teal palette and a product mock-up showing real reports and chat support, calm, credible, conversion-focused.
Mercury
flagshipFintech
a banking site that turns scale and aspiration into the brand - bespoke variable Arcadia/ArcadiaDisplay typography at intermediate weights (420/480), a glass-blur dark nav over a 1952px-wide light page, atmospheric mountain/space photography, and one electric-indigo CTA in a sea of refined neutrals.
Antara Spa
strongBeauty
a Malaysian day spa that sells calm with one oversized Fraunces wordmark on a sun-warmed photographic hero, an earthy sand-brown-sage palette, and slow GSAP-and-Lenis scroll, the whole page tuned to feel like exhaling.
Beehiiv
strongMarketing Platform
The reference for newsletter / creator-platform brands with all-caps section H2 discipline - dark navy + magenta accent + ClashGrotesk display, real publisher logos from TIME / Newsweek / Adobe.