# Notion, Careers

SaaS · Careers · Custom code · San Francisco, USA
Live page: https://www.notion.com/careers
On Designly: https://designly.sh/s/notion/careers · JSON: https://designly.sh/s/notion/careers?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 used sparingly for the "Explore open roles" button. An embedded video provides a human look at the company culture immediately below the hero text.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/notion/careers#section-1) (y 0–64px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/0.webp · id sec_8b0a8c1f5856497fb1aab828df2fb380
2. [Hero: "Careers at Notion"](https://designly.sh/s/notion/careers#section-2) (y 144–521px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/1.webp · id sec_a034f37ec1bf48d1b87f23c33c93526b
3. [Call to action: "Play"](https://designly.sh/s/notion/careers#section-3) (y 553–1129px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/2.webp · id sec_294b0d112ce04a309d9ab852074c4f3d
4. [Content: "Our values"](https://designly.sh/s/notion/careers#section-4) (y 1209–1841px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/3.webp · id sec_bc15edfd082f49798dfa46c63c5506a7
5. [Content: "Life at Notion"](https://designly.sh/s/notion/careers#section-5) (y 1841–2001px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/4.webp · id sec_2a9d16bc7f5542c6bf93116998a54fbf
6. [Gallery: "San Francisco"](https://designly.sh/s/notion/careers#section-6) (y 2033–2969px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/5.webp · id sec_7068d6417c0f44e2824941c40f5a8171
7. [Content: "Content"](https://designly.sh/s/notion/careers#section-7) (y 2993–3457px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/6.webp · id sec_0555025c7a4c4fc3859570e7b1479279
8. [Features: "Benefits"](https://designly.sh/s/notion/careers#section-8) (y 3457–4367px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/7.webp · id sec_c526299d6dee40789069578282d3f621
9. [Content: "Open Positions"](https://designly.sh/s/notion/careers#section-9) (y 4367–4979px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/8.webp · id sec_b12a7d48dcf24e8ca0207a3fe87e3257
10. [Content: "Business Technology"](https://designly.sh/s/notion/careers#section-10) (y 5043–5197px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/9.webp · id sec_e586fffbdde5435db8d2002cc72ed797
11. [Content: "Customer Experience"](https://designly.sh/s/notion/careers#section-11) (y 5261–5609px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/10.webp · id sec_2f384715e1ca452587ea8945dfed39bb
12. [Content: "Engineering"](https://designly.sh/s/notion/careers#section-12) (y 5673–6411px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/11.webp · id sec_737ef361905943f898dd7e454df2d09d
13. [Content: "Finance"](https://designly.sh/s/notion/careers#section-13) (y 6475–7071px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/12.webp · id sec_4c763ae2f46647c7af042bff6222e3b8
14. [Content: "Marketing"](https://designly.sh/s/notion/careers#section-14) (y 7135–7699px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/13.webp · id sec_04903c21093144e5bf48f2b3210db46a
15. [Content: "Outcomes Architect"](https://designly.sh/s/notion/careers#section-15) (y 7763–8607px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/14.webp · id sec_aa6e9f4a4b55457298c6721253b2be56
16. [Content: "People"](https://designly.sh/s/notion/careers#section-16) (y 8671–9439px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/15.webp · id sec_7a6bc7f7d3e345e2bd0a54caa5716fda
17. [Content: "Product Design"](https://designly.sh/s/notion/careers#section-17) (y 9503–9653px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/16.webp · id sec_1ce8a1745bcf4a7fab060f0a29624dbe
18. [Content: "Product Management"](https://designly.sh/s/notion/careers#section-18) (y 9717–9891px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/17.webp · id sec_7732b61630ba4a438020727d3e028b7d
19. [Content: "Revenue Operations & Strategy"](https://designly.sh/s/notion/careers#section-19) (y 9955–10129px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/18.webp · id sec_a66e4995b2534795926fbba1aefee22b
20. [Content: "Sales"](https://designly.sh/s/notion/careers#section-20) (y 10193–12249px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/19.webp · id sec_02cb522d8f0a4df9843fb6999a9e9889
21. [Content: "Security"](https://designly.sh/s/notion/careers#section-21) (y 12313–12609px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/20.webp · id sec_00992d7d92ec470daaf4d43f919159e2
22. [Content: "User Research and Product Operations"](https://designly.sh/s/notion/careers#section-22) (y 12673–12823px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/21.webp · id sec_45dc42ca878e4ebe8f599b06ac4c7991
23. [Content: "Most companies march in formation. At Notion…"](https://designly.sh/s/notion/careers#section-23) (y 12943–13247px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/22.webp · id sec_48ee197a11c94a7e8c8c2110b8ff4863
24. [Footer: "Footer"](https://designly.sh/s/notion/careers#section-24) (y 13247–13655px of 13655) · image: https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/sections/23.webp · id sec_388439ca7e644bfe8db38a195f49c910

## Design tokens

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

## Images

- Desktop (1440×13655): https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_e4483c60c64b4dc1bb937c6b05d502c7/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
- [Pricing](https://designly.sh/s/notion/pricing?format=md) — /pricing
- [Product](https://designly.sh/s/notion/product/ai?format=md) — /product/ai

## Related

- [Figma, Careers](https://designly.sh/s/figma/careers?format=md) — SaaS · Careers · Custom code · San Francisco, USA · styles: type-led, airy, colourful, corporate · image: https://designly.sh/media/captures/cap_e0b8aa76d25d45edac46e5dea63eb2e7/desktop.webp
- [Linear, Careers](https://designly.sh/s/linear/careers?format=md) — SaaS · Careers · Custom code · San Francisco, USA · styles: dark, minimal, type-led, corporate, bold · image: https://designly.sh/media/captures/cap_4dd8678dab914252a5c5413cdafa6c88/desktop.webp
- [Stripe, Careers](https://designly.sh/s/stripe/careers?format=md) — Fintech · Careers · Custom code · South San Francisco, USA · styles: type-led, corporate, airy, editorial · image: https://designly.sh/media/captures/cap_172fa22ded3b44be9b718b364c861826/desktop.webp
- [Anthropic, Careers](https://designly.sh/s/anthropic/careers?format=md) — AI products · Careers · Custom code · San Francisco, USA · styles: type-led, airy, minimal, corporate · image: https://designly.sh/media/captures/cap_5375a76b83b240d0acc46516c3b35664/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.