# Granola, Pricing

AI products · Pricing · Custom code
Live page: https://www.granola.ai/pricing
On Designly: https://designly.sh/p/granola-pricing · JSON: https://designly.sh/p/granola-pricing.json
Styles: minimal, clean, calm

## Why it works

Clean and simple layout with clear headings and prominent pricing tables. Easy navigation and minimal visual clutter make it easy for users to find what they need.

## Sections, top to bottom

1. Navigation: "Navigation" (y 8–64px of 8867) · id sec_e93315d324b14ab29f811e3c2aa4adda
2. Pricing table: "Granola how you wanna" (y 192–1134px of 8867) · id sec_3c551b86d1e0435e9c4462bcf9ed110d
3. Testimonials: "Testimonials" (y 1326–2024px of 8867) · id sec_d94a1d66225543f59b19643f79dddb74
4. Content: "Content" (y 2024–2685px of 8867) · id sec_8cca85c906de4ab480d740acb8c34edb
5. Content: "Content" (y 2685–2885px of 8867) · id sec_778418e415314064bbeb9a1082156099
6. Content: "Content" (y 2885–3406px of 8867) · id sec_1a06885bbfbb4feca3180c238a24f192
7. Content: "Content" (y 3406–4080px of 8867) · id sec_d953492ae6034238bf6edd03a5636c3a
8. Content: "Content" (y 4080–4229px of 8867) · id sec_37a6df490d2442318b4b91345ad0525a
9. FAQ: "Things worth noting" (y 4422–5151px of 8867) · id sec_19803d43b8054fb89e3142ad2b4e0f2b
10. Features: "Resources" (y 5343–5598px of 8867) · id sec_a3931e5e72444fcba34517d01cf1ca2f
11. Testimonials: "What people are saying about Granola" (y 5790–6673px of 8867) · id sec_b84f30b6731547ceb83da3f9fc94007b
12. Logos: "Logos" (y 6865–7139px of 8867) · id sec_bcc6fa8a3aed42fb91ad530569a6d8da
13. Footer: "Footer" (y 7331–8867px of 8867) · id sec_37c5743163bc43d4bf0054d0918a54f6

## Design tokens

- Colours: #FFFFFF (background), #292929 (text), #1D9BF0 (accent), #B2C248 (surface), #72726E (muted)
- Fonts: quadrant (display), melange (body)
- Corner radius: 3.35544e+07px
- Export: https://designly.sh/p/granola-pricing/tokens.css · https://designly.sh/p/granola-pricing/tokens.json · https://designly.sh/p/granola-pricing/tokens.tailwind.css

## Images

- Desktop (1440×8867): https://designly.sh/media/captures/cap_4b54b374cea243a3b9e26258beabbc7d/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_4b54b374cea243a3b9e26258beabbc7d/mobile.webp
- Captured: 2026-10-19

## Related

- [Cursor, Pricing](https://designly.sh/p/cursor-pricing.md) — AI products · Pricing · Custom code · styles: minimal, bold, dark · image: https://designly.sh/media/captures/cap_93a012f85cde4471a43223bb5bc290e9/desktop.webp
- [ElevenLabs, Pricing](https://designly.sh/p/elevenlabs-pricing.md) — AI products · Pricing · Custom code · styles: minimal, dark, rounded, bold · image: https://designly.sh/media/captures/cap_21a8a5e4a83f4ef68fdac4f5d5c91215/desktop.webp
- [Granola, Product](https://designly.sh/p/granola-ai-note-taker.md) — AI products · Product · Custom code · styles: minimal, clean, modern · image: https://designly.sh/media/captures/cap_1eaae9e686554428aa9235d2c8e8d8ec/desktop.webp
- [Cursor, Home](https://designly.sh/p/cursor.md) — AI products · Home · Custom code · styles: minimal, bold, editorial · image: https://designly.sh/media/captures/cap_1d95169e1ec74c498d76bac820b0f4e0/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.