# How notion.so is designed

[Open the live Fudge conversation](https://design.withfudge.com/share/notion.so-design)

Last updated: 2026-07-28

Here is the visual system across **9 captured pages** from [notion.so](https://notion.so). The current collection includes 9 representative captured pages, 16 recurring colors, and 1 captured type family.

## Captured pages

[![Font of Web | Notion](https://pin.fontofweb.com/9217?format=jpg)](https://design.withfudge.com/share/pin-9217)

[Font of Web | Notion](https://design.withfudge.com/share/pin-9217)

[![Whisp OS | Notion](https://pin.fontofweb.com/9062?format=jpg)](https://design.withfudge.com/share/pin-9062)

[Whisp OS | Notion](https://design.withfudge.com/share/pin-9062)

[![Home | Notion](https://pin.fontofweb.com/6779?format=jpg)](https://design.withfudge.com/share/pin-6779)

[Home | Notion](https://design.withfudge.com/share/pin-6779)

[![Onboarding](https://pin.fontofweb.com/5254?format=jpg)](https://design.withfudge.com/share/pin-5254)

[Onboarding](https://design.withfudge.com/share/pin-5254)

[![Onboarding](https://pin.fontofweb.com/5253?format=jpg)](https://design.withfudge.com/share/pin-5253)

[Onboarding](https://design.withfudge.com/share/pin-5253)

[![Onboarding](https://pin.fontofweb.com/5252?format=jpg)](https://design.withfudge.com/share/pin-5252)

[Onboarding](https://design.withfudge.com/share/pin-5252)

[![Font of Web](https://pin.fontofweb.com/4090?format=jpg)](https://design.withfudge.com/share/pin-4090)

[Font of Web](https://design.withfudge.com/share/pin-4090)

[![Font of Web](https://pin.fontofweb.com/4089?format=jpg)](https://design.withfudge.com/share/pin-4089)

[Font of Web](https://design.withfudge.com/share/pin-4089)

[![Font of Web](https://pin.fontofweb.com/4088?format=jpg)](https://design.withfudge.com/share/pin-4088)

[Font of Web](https://design.withfudge.com/share/pin-4088)

## Colors

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

## Typography captured from notion.so

- **Noto Sans Arabic** — weight 400 · size 16px