# Granola, Careers

AI products · Careers · Custom code · London, UK
Live page: https://www.granola.ai/jobs
On Designly: https://designly.sh/s/granola/jobs · JSON: https://designly.sh/s/granola/jobs?format=json
Site: [Granola](https://designly.sh/s/granola?format=md) (https://www.granola.ai)
Styles: type-led, photo-led, airy, editorial

## Why it works

Large Quadrant headlines on a white background establish a strong editorial presence. Bright sky blue is used sparingly for the 'Download' button, while a grid of small, photo-led cards organizes job openings by department to keep the high volume of roles legible.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/granola/jobs#section-1) (y 8–64px of 11537) · image: https://designly.sh/media/captures/cap_ce095aa0ce2c4e83a3efe9cfe48abfd4/sections/0.webp · id sec_c54f15987e8249dfb6503058f53dee67
2. [Hero: "Hero"](https://designly.sh/s/granola/jobs#section-2) (y 64–540px of 11537) · image: https://designly.sh/media/captures/cap_ce095aa0ce2c4e83a3efe9cfe48abfd4/sections/1.webp · id sec_7ea56195b8a14ac68fe74129efd7edf8
3. [Content: "Build tools that help humans think better"](https://designly.sh/s/granola/jobs#section-3) (y 540–811px of 11537) · image: https://designly.sh/media/captures/cap_ce095aa0ce2c4e83a3efe9cfe48abfd4/sections/2.webp · id sec_e205c3a504d54c3990bd05e5d9754c2f
4. [Content: "Make our dent in the universe"](https://designly.sh/s/granola/jobs#section-4) (y 827–9938px of 11537) · image: https://designly.sh/media/captures/cap_ce095aa0ce2c4e83a3efe9cfe48abfd4/sections/3.webp · id sec_c7a4516aaaa24d18826d7aa0e596dd31
5. [Footer: "Footer"](https://designly.sh/s/granola/jobs#section-5) (y 10002–11537px of 11537) · image: https://designly.sh/media/captures/cap_ce095aa0ce2c4e83a3efe9cfe48abfd4/sections/4.webp · id sec_68113e64be4e42aca0b93112fe8f096a

## Design tokens

- Colours: #FFFFFF (background), #72726E (text), #006FD6 (accent), #B2C248 (surface), #292929 (muted)
- Fonts: quadrant (display), melange (body)
- Corner radius: 8px
- Export: https://designly.sh/s/granola/jobs?format=tokens.css · https://designly.sh/s/granola/jobs?format=tokens.json · https://designly.sh/s/granola/jobs?format=tokens.tailwind.css

## Images

- Desktop (1440×11537): https://designly.sh/media/captures/cap_ce095aa0ce2c4e83a3efe9cfe48abfd4/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_ce095aa0ce2c4e83a3efe9cfe48abfd4/mobile.webp
- Captured: 2026-10-26

## Other Pages of Granola

- [Home](https://designly.sh/s/granola?format=md) — /
- [Blog](https://designly.sh/s/granola/blog?format=md) — /blog
- [Pricing](https://designly.sh/s/granola/pricing?format=md) — /pricing

## Related

- [Suno, Careers](https://designly.sh/s/suno/careers?format=md) — AI products · Careers · Custom code · Cambridge, USA · styles: type-led, dark, editorial, minimal · image: https://designly.sh/media/captures/cap_f885dd68ab994bfca966aa0eb3199921/desktop.webp
- [Mistral AI, Careers](https://designly.sh/s/mistral-ai/careers?format=md) — AI products · Careers · Custom code · Paris, France · styles: corporate, type-led, bold, minimal, dense · image: https://designly.sh/media/captures/cap_e8f1c8b3de3d4824a9d319b23c811f99/desktop.webp
- [Hume AI, Careers](https://designly.sh/s/hume-ai/careers?format=md) — AI products · Careers · Custom code · New York, USA · styles: type-led, corporate, bold, minimal, dark · image: https://designly.sh/media/captures/cap_cae14f40982c4fbb81e7f3e1c051f956/desktop.webp
- [Harvey, Careers](https://designly.sh/s/harvey/careers?format=md) — AI products · Careers · Custom code · San Francisco, USA · styles: dark, type-led, editorial, corporate · image: https://designly.sh/media/captures/cap_d064f93ba6764af58e1483446d9bb1a2/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.