# Notion, Pricing

SaaS · Pricing · Custom code · San Francisco, USA
Live page: https://www.notion.com/pricing
On Designly: https://designly.sh/s/notion/pricing · JSON: https://designly.sh/s/notion/pricing?format=json
Site: [Notion](https://designly.sh/s/notion?format=md) (https://www.notion.com)
Styles: type-led, minimal, corporate, light

## Why it works

Large NotionInter headlines on a white background establish a clear hierarchy, while bright sky blue is reserved for primary actions like "Get Notion free". Pricing tiers are organized into cards with 8px corners and pale sky blue surfaces, making the distinction between plans immediate.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/notion/pricing#section-1) (y 0–64px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/0.webp · id sec_e3a024e013ed4e7fafa764e6bd91294c
2. [Logos: "One tool to run your company"](https://designly.sh/s/notion/pricing#section-2) (y 124–257px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/1.webp · id sec_045dd2ca1d8145acaeb877c054840ace
3. [Pricing table: "Essentials for staying organized"](https://designly.sh/s/notion/pricing#section-3) (y 317–1432px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/2.webp · id sec_82881967a453457b97ce1bacda9147df
4. [Pricing table: "Plans and features"](https://designly.sh/s/notion/pricing#section-4) (y 1552–1752px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/3.webp · id sec_a629b38014b142e6ae7093c800110255
5. [Content: "Content"](https://designly.sh/s/notion/pricing#section-5) (y 1752–2113px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/4.webp · id sec_0eb3dc5ee4a24edebeff71c4a9663aa3
6. [Logos: "Logos"](https://designly.sh/s/notion/pricing#section-6) (y 2193–2507px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/5.webp · id sec_ceebb9aa61df468ab6177160ce55e7d5
7. [Content: "Content"](https://designly.sh/s/notion/pricing#section-7) (y 2587–2945px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/6.webp · id sec_d2baeeb1f59144a19e0d464e179e576d
8. [Logos: "Logos"](https://designly.sh/s/notion/pricing#section-8) (y 3025–3314px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/7.webp · id sec_62538cabcb9447a5b4fd9066040ea4b1
9. [Logos: "Logos"](https://designly.sh/s/notion/pricing#section-9) (y 3394–3548px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/8.webp · id sec_8e60f4b277954761adf1ce10ffb84188
10. [Logos: "Logos"](https://designly.sh/s/notion/pricing#section-10) (y 3628–3962px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/9.webp · id sec_4d37ca17e7cd4a75ae332be798b0b059
11. [Logos: "Logos"](https://designly.sh/s/notion/pricing#section-11) (y 4042–4311px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/10.webp · id sec_a55c6031491c4bc48df638830bb39c8f
12. [Content: "Content"](https://designly.sh/s/notion/pricing#section-12) (y 4391–5245px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/11.webp · id sec_7ef631f78d434dd7b92c08ea433f3c0e
13. [Content: "Content"](https://designly.sh/s/notion/pricing#section-13) (y 5325–5504px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/12.webp · id sec_94e882bfadc54c479c62c65c2f4fda38
14. [FAQ: "Questions & answers"](https://designly.sh/s/notion/pricing#section-14) (y 5624–6746px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/13.webp · id sec_e2e63add08c846e8b46cfcfc7003dee1
15. [Footer: "Footer"](https://designly.sh/s/notion/pricing#section-15) (y 6866–7274px of 7274) · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/sections/14.webp · id sec_1ff08916041e43a488ee003004d93eca

## Design tokens

- Colours: #FFFFFF (background), #000000 (text), #0075DE (accent), #78736F (muted), #E6F3FE (surface)
- Fonts: NotionInter (display)
- Corner radius: 8px
- Spacing: 80px
- Export: https://designly.sh/s/notion/pricing?format=tokens.css · https://designly.sh/s/notion/pricing?format=tokens.json · https://designly.sh/s/notion/pricing?format=tokens.tailwind.css

## Images

- Desktop (1440×7274): https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/desktop.webp
- Mobile (390×5679): https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/mobile.webp
- Captured: 2026-10-24

## Other Pages of Notion

- [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
- [Product](https://designly.sh/s/notion/product/ai?format=md) — /product/ai

## Related

- [Figma, Pricing](https://designly.sh/s/figma/pricing?format=md) — SaaS · Pricing · Custom code · San Francisco, USA · styles: type-led, minimal, geometric, light · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/desktop.webp
- [Linear, Pricing](https://designly.sh/s/linear/pricing?format=md) — SaaS · Pricing · Custom code · San Francisco, USA · styles: dark, type-led, corporate, minimal · image: https://designly.sh/media/captures/cap_8267cf895ce5439b841d1320ab0e36ac/desktop.webp
- [Stripe, Pricing](https://designly.sh/s/stripe/pricing?format=md) — Fintech · Pricing · Custom code · South San Francisco, USA · styles: minimal, corporate, type-led, light, calm · image: https://designly.sh/media/captures/cap_99d082f6d6f94f6fbfe8581ffcddbcff/desktop.webp
- [Cursor, Pricing](https://designly.sh/s/cursor/pricing?format=md) — AI products · Pricing · Custom code · San Francisco, USA · styles: type-led, minimal, light, geometric · image: https://designly.sh/media/captures/cap_ea0a04f1273a42c7bc0fc319c2a0b07e/desktop.webp

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