Meditation and mindfulness
Mental health app with expert-led meditations and tools (hero card). Observed
Brand book
Headspace makes mental health feel approachable: the orange smile and a cast of emotional faces carry the feelings, while plain bold type, pills and a white page keep the clinical offers clear. Our reading

The supporting emotion colors and the character's mood change with the topic: yellow and orange for everyday, purple for sleep, blue for business and stress.
Source: itsnicethat.com/articles/italic-studio-headspace-graphic-design-project-250424drive.google.com/drive/folders/1RvePlqySxy3s7GBtJd4p5zZe0IfBv1dK
Not published. Measured by summing band heights by ground color on headspace.com at 1440 (measure/home-desk.json, 8,579 of 8,755px classified): white 58% (includes the #F9F4F2 hero cards and the yellow announcement bar, which is an image), yellow 24%, blue 9%, sky blue 8%. Orange covers almost no area: it lives in the logo and illustrations..
Our reading: consumer pages are warm and light; care, Ebb safety and business copy turn plainer.
Our engine's setting, built from their rules.
Cover the logo. It should still read as Headspace: flat bright bands, a round smiling character, ink bold type, pills.
Put another name on it. If nothing else changed, the faces, the yellow/blue bands and the warm voice are missing.
Nothing implies Ebb or the app replaces a clinician.
The leading everyday mental health companion, helping people care for their minds anytime, anywhere (about-page boilerplate, abridged). Published
Mental health app with expert-led meditations and tools (hero card). Observed
Online therapy that accepts insurance (hero card). Observed
An empathetic AI companion for in-the-moment support and personal recommendations. Published
Wind-downs, soundscapes and sleepcasts (Bedtime essentials slide). Observed
Mindfulness, coaching, EAP, therapy and psychiatry for teams. Observed
Feel less anxious all with Headspace
Mental health app with expert-led meditations and tools
Online therapy that accepts insurance
What kind of headspace are you looking for?
Founded in 2010 (Andy Puddicombe, a former Buddhist monk, is a co-founder), Headspace merged with Ginger in 2021. On October 31, 2023 it unified everything under the Headspace brand (Ginger became Headspace Care) and refreshed its identity in-house with Italic Studio, a custom Aperçu from Colophon Foundry and a wider emotional palette and cast of faces (coverage April 2024). Ebb, its AI companion, followed in October 2024. On September 16, 2026 Sword announced it would acquire Headspace.
Named on the about page; meaning not published
PublishedNamed on the about page; meaning not published
PublishedNamed on the about page; meaning not published
PublishedNamed on the about page; meaning not published
PublishedCategory. Mental health: a meditation and sleep app plus Ebb (AI companion), coaching, online therapy that accepts insurance, and EAP, psychiatry and work-life services for employers and health plans. Observed
Headspace is the leading everyday mental health companion. Its all-in-one app delivers personalized support, from AI-powered guidance to meditation, coaching and therapy, and it partners with employers and health plans (paraphrase of the about-page boilerplate).
Get your headspace Observed
find some headspace Observed
your mind matters Published
all with Headspace Observed
The mental health app for every moment
Always-there support
Feel-good library
Bedtime essentials
Members are enjoying happier and healthier lives
Trusted by thousands of employers, health plans, and partners globally
Explore our library
Join the millions who use Headspace every day
Get your headspace
The homepage leads with a rotating feeling ("Feel less anxious", "Stress less") and the line "all with Headspace", then two offers side by side: the app and insured therapy. Proof sits in a row of check marks (1,000+ meditations and Ebb, therapy that accepts insurance, 105M+ downloads). Business gets its own blue band.
Source: headspace.comheadspace.com/about-usorganizations.headspace.com/blog/headspace-unveils-refreshed-brand-and-expands-offerings-for-lifelong-mental-health-support
Feel less anxious
Ebb replaces your therapist
Headspace aims to make talking about mental health feel approachable and normalised (It's Nice That); the brand team calls it "a big warm hug" (Blush).
WarmApproachablePlain
Second person, short, warm and plain: Stress less, Sleep soundly, Manage anxiety, Process thoughts. Sentence-case headings, no exclamation marks in headings. Ebb copy is careful about its limits.
your mindmental healthheadspaceTry for freeCheck your coverageeverydaymembers
Ebb replaces your therapistEbb is a therapist
Source: itsnicethat.com/articles/italic-studio-headspace-graphic-design-project-250424blush.design/blog/post/headspace-mindfulness-appheadspace.com
| Person | we / you |
|---|---|
| Case | sentence |
| CTA length | 2-4 words |
Source: headspace.comitsnicethat.com/articles/italic-studio-headspace-graphic-design-project-250424blush.design/blog/post/headspace-mindfulness-appheadspace.com/ai-mental-health-companion



Three versions from the public press kit (Headspace Logos > 01 - Web). Clear space and minimum size are not published.
headspace
HeadSpace
The dot is the seed of the whole illustration system: the same orange circle becomes the smiling character.


| Dot | #FF7300 |
|---|---|
| Wordmark | #2D2C2B or #FFFFFF |
| Artboard ratio | 1554.44 x 362.78 |
| Clear space | not published |
| Minimum size | not published |
A lowercase "headspace" wordmark with a solid orange dot to its left. The press kit publishes three registered RGB versions: primary (#FF7300 dot, #2D2C2B wordmark), inverted (#FF7300 dot, white wordmark) and white, in PDF, PNG, SVG and EPS for web and print. The SVG artboard is 1554 x 363 (about 4.3:1).
Not published: Clear space; Minimum size; Lockup rules.
Source: drive.google.com/drive/folders/1RvTZapWJ8TmS6-wp2Px7QoevaHQMRDBmdrive.google.com/drive/folders/1_bGJi36dthZc4eDgt2jDTqaAj12Qxrbi
Get your headspace
Bright, lively color separates Headspace from a category it calls a "dreary sea of blues and greys".

| Signature | #FF7300 (published, logo file) |
|---|---|
| Ink | #2D2C2B (published, logo file) |
| CTA | #0061EF |
| Most-used band | #FFCE00 |
| Card | #F9F4F2 |
Orange #FF7300 is the signature (logo dot and the lead character). The 2024 refresh kept orange and added complementary colors for a range of emotions, with attention to contrast. On the site the working colors are ink #2D2C2B on white, warm #F9F4F2 cards, #0061EF CTA blue, full-bleed #FFCE00 strips and inset #FFCE00, #0061EF and sky-photo cards (1344px, radius 16); pink #FFA1CC, purple #3B197F and green #02873E appear on carousel slides.
Not published: An official palette with hex values beyond the logo files; Color ratios (the proportion shown is measured).
Source: drive.google.com/drive/folders/1RvTZapWJ8TmS6-wp2Px7QoevaHQMRDBmitsnicethat.com/articles/italic-studio-headspace-graphic-design-project-250424printmag.comheadspace.com
Get your headspace
Explore our library
EXPLORE OUR LIBRARY
One friendly-but-functional grotesque lets the same page carry a sleepcast and an insurance check.
| Their face | Use | License | Open stand-in |
|---|---|---|---|
| Headspace Apercu (custom Aperçu by Colophon Foundry) | Every heading, 700 weight | Proprietary to Headspace; not sold | Hanken Grotesk 700 (calibrated by rendered width and ink against the real woff2, 2026-10-30) |
| Headspace Apercu (custom Aperçu by Colophon Foundry) | Body 400, labels and buttons 500-700 | Proprietary to Headspace; not sold | Hanken Grotesk 400 (calibrated by rendered width and ink against the real woff2, 2026-10-30) |
| Hero H1 | 52px / 57px, 700, -1.56px (phone 40px) |
|---|---|
| Section H2 | 64px / 64px, 700, -1.92px |
| Card title | 32px / 38px, 700, -0.96px |
| Body | 20px / 30px, 400, -0.2px |
| Button | 14-18px, 700 |
One family everywhere: Headspace Apercu, a custom version of Colophon Foundry's Aperçu made for the 2024 refresh, chosen to flex from playful to clinical, with curves drawn from the smile. On the site headings are bold with -0.03em tracking and tight leading; body is regular at 20/30.
Not published: Type scale; Weights list; Licensing of Headspace Apercu.
Source: itsnicethat.com/articles/italic-studio-headspace-graphic-design-project-250424designcompass.org/en/2024/04/30/headspaceprintmag.comheadspace.com
Illustration carries the personality, so icons stay quiet and functional.
| Grid | not published |
|---|---|
| Style | thin outline, ink |
Few icons: outlined check circles in the hero proof row and HSA/FSA labels, chevrons on category rows, social glyphs in the footer. Category tiles use small illustration spots instead of icons.
Not published: Icon set or grid.
Source: headspace.com
Cute, round characters make hard topics approachable without making light of them (coverage of the 2024 refresh).





| Size | 3840 x 2160 JPEG / PNG / SVG / PDF |
|---|---|
| Faces | two curved strokes for closed eyes, simple smile |
Flat, round, bold-color scenes built from circles and soft shapes, with simple closed-eye or open-eye faces. The press kit groups them as Evergreen, Work, Education, Mindful Eating, Seasonal, Sleep, Stress Anxiety and Hard Topics, at 3840 x 2160. Since 2024 the faces express stress, sadness, contentment and more, not only joy.
Not published: Illustration guidelines.
Source: drive.google.com/drive/folders/1RvePlqySxy3s7GBtJd4p5zZe0IfBv1dKitsnicethat.com/articles/italic-studio-headspace-graphic-design-project-250424designcompass.org/en/2024/04/30/headspaceblush.design/blog/post/headspace-mindfulness-app
Coverage says photos show the human-to-human side of coaching and therapy; illustration keeps the inner, emotional side.


| Use | therapy, coaching, business |
|---|
Photography arrived with care services: real clinicians and members in video-call frames on the hero therapy card, portraits in the business band, and warm daylight office photos in the press kit.
Not published: Photography rules.
Source: designcompass.org/en/2024/04/30/headspaceheadspace.comdrive.google.com/drive/folders/1RxOVgmtgSJe2nMs1bXAQ7Jv18K7nOzpp
Animation helps simplify complex ideas (Headspace via It's Nice That).
| Durations | not published |
|---|---|
| Easing | not published |
The brand has always been animated (breath-driven animation since the start, per coverage); the 2024 identity keeps soft, smooth motion. On the site: a looping ticker and tabbed carousels.
Not published: Motion durations and easing.
Source: itsnicethat.com/articles/italic-studio-headspace-graphic-design-project-250424designcompass.org/en/2024/04/30/headspaceheadspace.com
Do The logo is a solid #FF7300 dot beside the lowercase wordmark. In illustration the same round shape gets a closed-eye smile (two short curved strokes) and becomes the main character; since the 2024 refresh the cast also shows stress, sadness, worry and other moods, in yellow, blue, green, pink and purple as well as orange. Use the press-kit illustrations as supplied.
The orange dot becomes a face · logo, illustration kit, hero and Ebb key visual
Do A white page broken by flat saturated color with no gradient: full-bleed #FFCE00 yellow for the announcement strip, the ticker and the closing CTA band; inset 1344px radius-16 cards for the yellow carousel slide, the #0061EF business band and the sky-photo social-proof band. Measured share of page height at 1440: about 58% white, 24% yellow, 9% blue, 8% sky blue. Type is #2D2C2B on yellow and white, #FFFFFF on the blues.
White page, bright inset cards and yellow strips · headspace.com homepage, top to bottom
Do Buttons are 48px tall with 32px radius: #0061EF with white 14-16px bold text in the nav, #2D2C2B with white text inside the warm #F9F4F2 hero cards. Tab pills are 44-48px with 24px radius, selected #2D2C2B with white text, unselected #F9F4F2 with ink text. The close is one giant pill: "Get your headspace" in 72px bold white on #0061EF, 188px tall, 112px radius, centred on yellow.
Everything you press is a pill · nav, hero cards, tabs, CTAs
Do An 86px #FFCE00 strip with a looping line of lowercase "find some headspace" separated by pairs of character eyes, in ink.
find some headspace ticker · between the business band and the library
Specimens use sample copy, not Headspace’s.
A white page with a centred hero, two warm #F9F4F2 cards, a six-tile category grid, then white sections holding inset radius-16 color cards (yellow slide, blue business band, sky band) and a full-bleed yellow ticker, a giant pill CTA on yellow and a dense white footer with a dark #44423F base bar.
Measured from headspace.com's computed styles and bounding boxes at 1440 and 390 in headless Chromium (measure/home-desk.json, measure/home-phone.json, scratch/dom-1440.json, scratch/dom-390.json), pixel samples of the reference screenshots, plus the published press kit; 2026-10-29.
| Measure | Desktop | Phone |
|---|---|---|
| Page margin | 48px | 24px |
| Section padding | 64px | 32px |
| Hero text width | max 420px, centered | full width |
| Card gap | 24px | 24px |
| Navigation | 80px | 80px |
Closing pill label "Get your headspace"
Headspace Apercu (custom Aperçu by Colophon Foundry) · 72px (phone 28) · line 1 · tracking -2.16px · weight 700
Big section H2s: Members are enjoying happier and healthier lives, Explore our library, Join the millions who use Headspace every day
Headspace Apercu (custom Aperçu by Colophon Foundry) · 64px (phone 40) · line 1 · tracking -1.92px · weight 700
Hero H1, two lines: rotating word line + "all with Headspace"
Headspace Apercu (custom Aperçu by Colophon Foundry) · 52px (phone 36) · line 1.1 · tracking -1.56px · weight 700
Carousel section H2 "The mental health app for every moment"
Headspace Apercu (custom Aperçu by Colophon Foundry) · 48px (phone 32) · line 1 · tracking -1.44px · weight 700
Slide H3s, business band H2, FAQ H2
Headspace Apercu (custom Aperçu by Colophon Foundry) · 40px (phone 32) · line 1.15 · tracking -1.2px · weight 700
Hero card titles, need-state H2, library card titles
Headspace Apercu (custom Aperçu by Colophon Foundry) · 32px (phone 24) · line 1.2 · tracking -0.96px · weight 700
Stat numbers 8M+ and 34M+ in the sky band
Headspace Apercu (custom Aperçu by Colophon Foundry) · 56px (phone 32) · line 1.1 · tracking -1.68px · weight 700
Member quotes and need-state tile labels
Headspace Apercu (custom Aperçu by Colophon Foundry) · 24px (phone 20) · line 1.3 · weight 400
Business band subline, FAQ answers
Headspace Apercu (custom Aperçu by Colophon Foundry) · 20px (phone 16) · line 1.5 · tracking -0.2px · weight 400
Hero check-list, tab labels, announcement bar, stat labels
Headspace Apercu (custom Aperçu by Colophon Foundry) · 18px (phone 16) · line 1.2 · weight 400
Slide copy, quote attribution, library descriptions, newsletter copy
Headspace Apercu (custom Aperçu by Colophon Foundry) · 16px · line 1.5 · weight 400
Pill button labels
Headspace Apercu (custom Aperçu by Colophon Foundry) · 16px · line 1.1 · weight 700
HSA/FSA Eligible, badges, footer links and legal
Headspace Apercu (custom Aperçu by Colophon Foundry) · 12px · line 1.15 · tracking -0.12px · weight 400
Footer column headings
Headspace Apercu (custom Aperçu by Colophon Foundry) · 24px · line 1.33 · tracking -0.6px · weight 700
How Headspace’s own landing pages are built, observed on headspace.com, 2026-10-29. The full measurements are in spec.md.
Source: headspace.com

The brand Headspace already had (cited by 73% of enterprise clients as an adoption driver) now carries clinical care too. Our reading
The AI gets a Headspace face, so a new technology reads as part of the same warm cast. Our reading
How our engine applies Headspace's system to each format. Our recipe, not something Headspace publishes.
| Format | What they did | Source |
|---|---|---|
| website | headspace.com: white page, pill nav, feeling-first hero with two cards, yellow/blue bands, giant pill close. | headspace.com |
| app | Today, Meditate, Sleep and Care screens: white UI, illustration thumbnails, purple sleep player. | drive.google.com/drive/folders/1RzGeEvaFa7SR0Bg3NvBdA9Cxc0OJeXT1 |
| illustration kit | 3840 x 2160 scenes in eight themes for press and partners. | drive.google.com/drive/folders/1RvePlqySxy3s7GBtJd4p5zZe0IfBv1dK |
| key visual | Meet Ebb hero and app-screen composite on an orange-pink field. | drive.google.com/drive/folders/1f7lekUX-EfQAT6KaKAkDkBBbWoejz7nS |
| press page | #0C6FF9 hero band, #FAF6F4 press-kit band, dated coverage list. | headspace.com/press-and-media |
| Format | Loudness | Must appear | What varies |
|---|---|---|---|
| Landing page | White page; centred bold sentence-case hero with a feeling-first line; #F9F4F2 cards with dark pill CTAs; a full-bleed #FFCE00 strip plus inset radius-16 color cards; blue #0061EF primary pill; a press-kit illustration; close on one big blue pill on yellow | which bands follow the hero; illustration theme | |
| Deck | White or yellow slides, ink bold headings, one illustration per section, logo primary on white | emotion color per section | |
| Social post | Full-bleed flat color with one character illustration and a short ink or white line | color and mood | |
| White body, ink type, one blue pill, one illustration | header color band |
Source: drive.google.com/drive/folders/1_bGJi36dthZc4eDgt2jDTqaAj12Qxrbiitsnicethat.com/articles/italic-studio-headspace-graphic-design-project-250424headspace.com
Your name and logo, Headspace’s system.
Use this kit for my brand Use this brand in Claude
Get your brand audit Put your brand in Claude What goes in a brand book
Each value is marked published, observed, our reading or our recipe, with its source. Checked 2026-10-29. Not affiliated with Headspace.