# Granola: style sheet

Measured on 4 of 4 published Pages, newest Capture 2026-10-26. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/granola · JSON: https://designly.sh/style-sheets/granola.json
Site: [Granola](https://designly.sh/s/granola?format=md) (https://www.granola.ai)

## Colour

- #FFFFFF: background · 4/4 Pages
- #292929: text · 4/4 Pages
- #B2C248: accent · 4/4 Pages
- #72726E: text · 3/4 Pages
- #EAEBE5: surface · 2/4 Pages
- #0E0F0C: muted · 1/4 Pages
- #006FD6: accent · 1/4 Pages
- #1D9BF0: accent · 1/4 Pages
- Contrast, text on background: 14.5:1 (AAA)
- Contrast, text on surface: 12.1:1 (AAA)
- Contrast, accent on background: 1.9:1 (fails)

## Type

- display: quadrant · 4/4 Pages
- body: melange · 4/4 Pages

## Spacing

- Base unit (inferred): 8px, 2 of 2 measured paddings on it
- Section padding: 112px · 1/4 Pages
- Section padding: 16px · 1/4 Pages

## Radius

- 8px · 3/4 Pages
- 9999px · 1/4 Pages

## Pages

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

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.