Codecaine Community
Design system · SaaS · Productivity
Notion
A DESIGN.md reference for Notion's public marketing surface
Open in Codecaine
No Codecaine yet? Get it free
Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine.
About
A DESIGN.md reference for Notion's public marketing surface — colour, type, spacing, radius, elevation and component tokens with the rules for using them. Unofficial and unaffiliated.
Designed for
- Productivity and B2B products that want a calm, document-like surface
- Giving an assistant exact colour, type, radius and elevation tokens to build with
- Studying how a mature brand reduces its UI to a handful of rules
Details
- Version
- 1.0.0
- Updated
- Sep 25, 2026
- Fonts
- NotionInter, Lyon Text
- License
- CC-BY-4.0
- Download
- 26 KB · 2 files
Keywords
Palette
Every colour token in its DESIGN.md.
primary#0075DE
primary-strong#005BAB
primary-alt#097FE8
primary-surface#E6F3FE
ink#000000
ink-secondary#615D59
muted#A39E98
on-primary#FFFFFF
surface#FFFFFF
surface-subtle#F6F5F4
surface-dark#111111
accent-yellow#FFB110
accent-yellow-strong#E89D01
accent-red#F64932
accent-red-strong#E32D14
accent-green#1AAE39
accent-green-surface#D0F4D8