# Notion: style sheet

Measured on 5 of 5 published Pages, newest Capture 2026-10-26. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/notion · JSON: https://designly.sh/style-sheets/notion.json
Site: [Notion](https://designly.sh/s/notion?format=md) (https://www.notion.com)

## Colour

- #FFFFFF: background · 5/5 Pages
- #000000: text · 5/5 Pages
- #0075DE: accent · 5/5 Pages
- #E6F3FE: surface · 2/5 Pages
- #FFB110: surface · 1/5 Pages
- #F64932: surface · 1/5 Pages
- #78736F: muted · 1/5 Pages
- Contrast, text on background: 21:1 (AAA)
- Contrast, text on surface: 18.6:1 (AAA)
- Contrast, accent on background: 4.5:1 (AA)

## Type

- display: NotionInter · 5/5 Pages

## Spacing

- Base unit (inferred): 8px, 5 of 5 measured paddings on it
- Section padding: 80px · 5/5 Pages

## Radius

- 8px · 2/5 Pages
- 4px · 1/5 Pages
- 5px · 1/5 Pages
- 12px · 1/5 Pages

## Pages

- [Home](https://designly.sh/s/notion?format=md) — /
- [About](https://designly.sh/s/notion/about?format=md) — /about
- [Careers](https://designly.sh/s/notion/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/notion/pricing?format=md) — /pricing
- [Product](https://designly.sh/s/notion/product/ai?format=md) — /product/ai

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.