# Notion, Home

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

## Why it works

Large NotionInter type on a white background establishes a clear hierarchy, while bright sky blue is used to highlight the primary "Get Notion free" button. A grid of product screenshots and partner logos like OpenAI and Figma provides immediate social proof and functional context.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/notion#section-1) (y 0–64px of 4698) · image: https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/sections/0.webp · id sec_01befbb77bbb4a19919b4a9586c4b3a4
2. [Hero: "Where teams and agents Think together"](https://designly.sh/s/notion#section-2) (y 64–1393px of 4698) · image: https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/sections/1.webp · id sec_52e3d36b6830438198611f6c81221b14
3. [Team: "AI where your team works"](https://designly.sh/s/notion#section-3) (y 1489–2525px of 4698) · image: https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/sections/2.webp · id sec_05d13c7f746f48c188a50565ca0cd0fb
4. [Logos: "See what Notion can do"](https://designly.sh/s/notion#section-4) (y 2557–2745px of 4698) · image: https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/sections/3.webp · id sec_933b31e60ab64da49222e6c8bcd09fd3
5. [Logos: "Trusted by teams that ship"](https://designly.sh/s/notion#section-5) (y 2841–3649px of 4698) · image: https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/sections/4.webp · id sec_762c18fe77bb46b8a7a23bc93ac8a909
6. [Call to action: "Get started today"](https://designly.sh/s/notion#section-6) (y 3661–4291px of 4698) · image: https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/sections/5.webp · id sec_0250d371b4944666859ce68cb5ed5755
7. [Footer: "Footer"](https://designly.sh/s/notion#section-7) (y 4291–4698px of 4698) · image: https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/sections/6.webp · id sec_3119bbff79b040d29fd2c50c176aea57

## Design tokens

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

## Images

- Desktop (1440×4698): https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/desktop.webp
- Mobile (390×4023): https://designly.sh/media/captures/cap_fc4f7c4406b34113b0ca3ff36cde15b9/mobile.webp
- Captured: 2026-10-24

## Other Pages of Notion

- [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

## Related

- [Figma, Home](https://designly.sh/s/figma?format=md) — SaaS · Home · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_aa0a3c121b0746ed82c4c4737be059d7/desktop.webp
- [Linear, Home](https://designly.sh/s/linear?format=md) — SaaS · Home · Custom code · San Francisco, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_6338f34fccbb4be2845387e267f5d03f/desktop.webp
- [Stripe, Home](https://designly.sh/s/stripe?format=md) — Fintech · Home · Custom code · South San Francisco, USA · styles: corporate, type-led, geometric, light · image: https://designly.sh/media/captures/cap_9c6b92ca967e40528825d47557a314d3/desktop.webp
- [Cursor, Home](https://designly.sh/s/cursor?format=md) — AI products · Home · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, tech · image: https://designly.sh/media/captures/cap_64be8b034a754b0cabc327533d5d20e5/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.