Screenshot of Headspace

Headspace

www.headspace.com

a 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.

Health Mental Health flagship

Design tokens

cream
ink
text
white
yellow
blue
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