Workspace · warm neutrals · whisper borders

Write. Plan. Collaborate. With AI by your side.

Notion replaces half a dozen tools with a single surface: docs, wikis, projects, databases, AI. Build exactly the system your team needs — no code required.

Color Palette27 tokens

background#ffffff

surface#ffffff

surface-warm#f6f5f4

surface-dark#31302e

ink#0d0d0d

ink-inverted#ffffff

text-secondary#615d59

text-muted#a39e98

primary#0075de

primary-active#005bab

on-primary#ffffff

secondary#213183

success#1aae39

success-teal#2a9d99

warning#dd5b00

accent-pink#ff64c8

accent-purple#391c57

accent-brown#523410

link#0075de

link-light#62aef0

focus-ring#097fe8

badge-bg#f2f9ff

badge-text#097fe8

surface-translucent#f2f2f2

border#e6e6e6

border-input#dddddd

shadow-soft#ebebeb

Buttons

TypographyGoogle Font

Interbrand uses NotionInter

display-hero

Your wiki, docs, & projects. Together.

64px · 700 · -2.125px

display-secondary

One workspace, every workflow

54px · 700 · -1.875px

section-heading

Notion replaces half a dozen tools with a single surface: docs, wikis, projects, databases, AI. Build exactly the system your team needs — no code required.

48px · 700 · -1.5px

sub-heading-large

NOTION LABS, INC · SAN FRANCISCO

40px · 700 · 0px

sub-heading

Notion replaces half a dozen tools with a single surface: docs, wikis, projects, databases, AI. Build exactly the system your team needs — no code required.

26px · 700 · -0.625px

IconsSolar

Set: Solar · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

One workspace, every workflow

Notion replaces half a dozen tools with a single surface: docs, wikis, projects, databases, AI. Build exactly the system…

SaaS

none

micro

subtle

Elevation

RING

CARD

ELEVATED

Controls

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

One workspace, every workflow

Notion replaces half a dozen tools with a single surface: docs, wikis, projects, databases, AI. Build exactly the system your team needs — no code required.

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

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeSaaSNotion

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

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Notion tokens
export const theme = {
  primary: "#0075de",
  radius: "12px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

Notion replaced Confluence, Jira, and three Google Docs folders. One tool, one source of truth, zero hand-offs.

Notion · SaaS

Similar systems

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

Filter by this ↗

Clay97%

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

Airtable87%

shared styles: Minimal, Light · same category: SaaS

Link-Kit83%

shared styles: Minimal, Light · same category: SaaS

Dropbox83%

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

Intercom81%

shared styles: Light, Warm · same category: SaaS

Cal.com77%

shared styles: Minimal, Light · same category: SaaS