notion.com website design: fonts, colors and UI patterns
12 featured captures, observed fonts including I A Writer Mono S, Inter, Noto Sans Arabic, 4 prominent colors from notion.com, with sourced design evidence from Fudge.
How is notion.com designed? Show me the visual system I can use as a reference.
Based on 12 captured pages from notion.com, this profile summarizes observed visual evidence rather than claiming access to the site's private design system. Evidence last updated 2026-05-14.
Captured pages
Build with Notion’s Developer Platform – Notion
Build with Notion’s Developer Platform – Notion
Build with Notion’s Developer Platform – Notion
Build with Notion’s Developer Platform – Notion
Build with Notion’s Developer Platform – Notion
Build with Notion’s Developer Platform – Notion
Build with Notion’s Developer Platform – Notion
Build with Notion’s Developer Platform – Notion
Build with Notion’s Developer Platform – Notion
Choose from 30,000+ Notion templates | Notion Marketplace
The AI workspace that works for you. | Notion
The AI workspace that works for you. | Notion
Colors
#6666fd#1313ba#7171a8#ffffff
Typography captured from notion.com
How Fudge assembled this page
Fudge automatically assembled this guide from saved screenshots and extracted typography and color observations. It does not claim access to private source files or design tokens.