# Notion, About

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

## Why it works

Black NotionInter type on a white background keeps the focus on the narrative. Small 4px corner radii and bright sky blue for the "Get Notion free" button provide a structured, functional feel that matches the product's utility.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/notion/about#section-1) (y 0–64px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/0.webp · id sec_ec941c57954c4dbeb6c30cf96d953ed4
2. [Hero: "Hero"](https://designly.sh/s/notion/about#section-2) (y 184–602px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/1.webp · id sec_9d7307e6e57242a2a08e6217b0ff305a
3. [Content: "Content"](https://designly.sh/s/notion/about#section-3) (y 742–922px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/2.webp · id sec_4d2187d4fe70419f955119bbe2076267
4. [Content: "Content"](https://designly.sh/s/notion/about#section-4) (y 1062–1510px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/3.webp · id sec_9340c6f4520048379f4bd9119dc3d430
5. [Content: "Content"](https://designly.sh/s/notion/about#section-5) (y 1650–1992px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/4.webp · id sec_8998c2333d684fa1906f9229b849ace6
6. [Content: "Content"](https://designly.sh/s/notion/about#section-6) (y 2132–2599px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/5.webp · id sec_2a2bd2bec85745b0afdfcf93bfe6936c
7. [Call to action: "Play"](https://designly.sh/s/notion/about#section-7) (y 2739–3246px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/6.webp · id sec_2289d526ee0848b1b5fd1951ee02bb7f
8. [Content: "Content"](https://designly.sh/s/notion/about#section-8) (y 3387–3682px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/7.webp · id sec_3d19200bbaff4ab3badba362814866f4
9. [Content: "Content"](https://designly.sh/s/notion/about#section-9) (y 3822–4377px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/8.webp · id sec_48aa5d2677144d90abadf624222808ba
10. [Content: "Content"](https://designly.sh/s/notion/about#section-10) (y 4516–4927px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/9.webp · id sec_8750270f54e144d9a78b10d1ee93d50b
11. [Call to action: "Join us"](https://designly.sh/s/notion/about#section-11) (y 5087–5316px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/10.webp · id sec_a8fbb277065645f28c8b7473052cc78f
12. [Newsletter: "In the news"](https://designly.sh/s/notion/about#section-12) (y 5436–6087px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/11.webp · id sec_56c57f59cad44a43a179f87113fdd6e9
13. [Footer: "Footer"](https://designly.sh/s/notion/about#section-13) (y 6207–6615px of 6615) · image: https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/sections/12.webp · id sec_8e4930986d2041c58684eb91d406edde

## Design tokens

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

## Images

- Desktop (1440×6615): https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_f01186f3fd4d49e5a417edb8db5c0b31/mobile.webp
- Captured: 2026-10-24

## Other Pages of Notion

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

## Related

- [Linear, About](https://designly.sh/s/linear/method?format=md) — SaaS · About · Custom code · San Francisco, USA · styles: dark, type-led, editorial, minimal · image: https://designly.sh/media/captures/cap_03807d09e75348efa1bf919a61ca2cf9/desktop.webp
- [Linear, About](https://designly.sh/s/linear/about?format=md) — SaaS · About · Custom code · San Francisco, USA · styles: dark, type-led, minimal, corporate · image: https://designly.sh/media/captures/cap_ac7a9475de7d496c8441c760e6a549de/desktop.webp
- [Stripe, About](https://designly.sh/s/stripe/about?format=md) — Fintech · About · Custom code · South San Francisco, USA · styles: corporate, type-led, light, minimal · image: https://designly.sh/media/captures/cap_aaee245efd994689aa568ccdd253b97b/desktop.webp
- [Anthropic, About](https://designly.sh/s/anthropic/company?format=md) — AI products · About · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, airy · image: https://designly.sh/media/captures/cap_49c49cf767cb426088dd8d0ad7f4e1bf/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.