Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Back to Browse
Notion
ProductivityDesign system for Notion
—(0)
0
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 64px | 700 | 64px | |
| h2 | 12px | 500 | 16px | |
| h3 | 14px | 400 | 20px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | normal | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#000000#111111#040404#f9f9f8#f6f5f4#dfdcd9#a39e98#78736f#615d59#494744#31302e#191918UI Elements
button
input
a
nav
