Brands813
↑ ↓ to browse
View full design.md ↗
Headspace· Productivityheadspace.com
Productivity

Headspace

A warm, grounded wellness canvas where Headspace Apercu's bold 700-weight display type, pill-rounded CTAs, and a cobalt blue primary accent over soft off-white surfaces create a feeling that is calm, confident, and quietly modern.

Color Palette19 tokens
background#ffffff
surface#f9f4f2
surface-light#ffffff
ink#2d2c2b
ink-body#44423f
ink-secondary#4b4c4d
on-dark#ffffff
primary#0061ef
primary-hover#0074ff
on-primary#ffffff
secondary#2d2c2b
on-secondary#ffffff
tertiary#f9f4f2
on-tertiary#44423f
success#32ae88
error#e04b3a
border#e2ded9
border-soft#d8d4ce
shadow-soft#41433d
Buttons
TypographyGoogle Font
Interbrand uses Headspace Apercu
display-hero

The quick brown fox

72px · 700 · -2.16px
display

The quick brown fox

56px · 700 · -1.68px
heading

The quick brown fox

40px · 700 · -1.2px
heading-sub

The quick brown fox

32px · 700 · -0.96px
body-large

The quick brown fox

24px · 400 · -0.72px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Headspace

A warm, grounded wellness canvas where Headspace Apercu's bold 700-weight display type, pill-rounded CTAs, and a cobalt…

Productivity
sm
md
lg
pill
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Headspace
A warm, grounded wellness canvas where Headspace Apercu's bold 700-weight display type, pill-rounded CTAs, and a cobalt blue primary accent over soft off-white surfaces c…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewHeadspace just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeProductivityHeadspace
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Headspace.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Headspace tokens
export const theme = {
  primary: "#0061ef",
  radius: "16px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Headspace's marketing site feels warm without feeling soft, calm without being inert. The canvas is clean white () and a faintly warm parchment () — surfaces that evoke paper rathe…

Headspace · Productivity

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Todoist95%

shared styles: Warm, Minimal, Playful · same category: Productivity

Notion Calendar84%

shared styles: Warm, Minimal, Light · same category: Productivity

Gamma84%

shared styles: Warm, Playful, Light · same category: Productivity

Amie83%

shared styles: Minimal, Playful, Light · same category: Productivity

Cape81%

shared styles: Warm, Minimal, Light · same category: Productivity

Coda80%

shared styles: Warm, Minimal, Light · same category: Productivity