About Notion
A connected workspace for docs, wikis, and projects. Fits productivity SaaS, all-in-one workspace tools, knowledge-platform apps, and team-software landing page designs.
Design tokens
21 colors · 11 type stylesVivid blue (#0075de) primary on a pure white (#ffffff) canvas, set in NotionInter throughout. These values are read from the Notion free DESIGN.md, which carries all 21 color tokens, 11 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Notion-style UI.
Use in your AI builder, no-code tool, or CMS
Lovablev0BoltFramerWebflowWordPressWixSquarespace
CanvaGoDaddy
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Claude
CursorGeminiChatGPTVS Code
GitHub
Not affiliated with Notion. All trademarks belong to their respective owners.
Related designs
Sunflower landing page design
SunflowerProductivity & SaaS
Readily landing page design
ReadilyProductivity & SaaS
Nuraform landing page design
NuraformProductivity & SaaS
McKinsey landing page design
McKinseyProductivity & SaaS
Teamwork landing page design
TeamworkProductivity & SaaS
Reef landing page design
ReefProductivity & SaaS