Design system · Productivity & SaaS

Notion.

All-in-one workspace. Warm minimalism, serif headings, soft surfaces.

Palette sample

First 5 hex codes lifted from the DESIGN.md color sections. The full palette and roles live in the source spec.

#ffffff
#f6f5f4
#31302e
#615d59
#a39e98

Visual theme

Notion's website embodies the philosophy of the tool itself: a blank canvas that gets out of your way. The design system is built on warm neutrals rather than cold grays, creating a distinctly approachable minimalism that feels like quality paper rather than sterile glass. The page canvas is pure white (`#ffffff`) but the text isn't pure black -- it's a warm near-black (`rgba(0,0,0,0.95)`) that softens the reading experience imperceptibly. The warm gray scale (`#f6f5f4`, `#31302e`, `#615d59`, `#a39e98`) carries subtle yellow-brown undertones, giving the interface a tactile, almost analog warmth.

Related systems in Productivity & SaaS