notion.so website design: fonts, colors and UI patterns

9 featured captures, observed fonts including Noto Sans Arabic, 16 prominent colors from notion.so, with sourced design evidence from Fudge.

How is notion.so designed? Show me the visual system I can use as a reference.

Here is the visual system across 9 captured pages from notion.so. The current collection includes 9 representative captured pages, 16 recurring colors, and 1 captured type family.

Captured pages

Colors

  • #000000
  • #f0efed
  • #bcbab6
  • #7d7a75
  • #ada9a3
  • #2c2c2b
  • #383836
  • #ffffff
  • #9b9b9b
  • #24292f
  • #2783de
  • #494846
  • #202020
  • #fffceb
  • #191919
  • #1a1a1a

Typography captured from notion.so