What fonts does Granola Notes use?
Measured from the captured homepage: Quadrant for headings and Melange for body copy.
Open full Granola Notes reference →Observed typography
- Heading font
- Quadrant
- Body font
- Melange
- System
- Two-family hierarchy
How the page is built
Granola Notes's captured homepage has 54 sections and 10 inner pages.
- 30 content
- 8 cta
- 4 features
- 2 faq
- 2 footer
- 2 statement
- 1 about
- 1 blog
- 1 showcase
- 1 stats
- 1 team
- 1 testimonials
Captured colors
The captured homepage uses these 6 colors, in capture order.
- #ffffff
- #72726e
- #0e0f0c
- #292929
- #b2c248
- #f7f7f2
Styles recorded: Light.
Same category, same heading font
1 of the 110 other captured AI sites in this library use Quadrant for headings.
Granola Notes's website font choices
Captured September 25, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.
A single family or a two-font system?
Granola Notes pairs Quadrant for headings with Melange for body copy.
Compare it across the library
See the website font trends and the font pairing examples.
Granola Notes fonts — FAQ
What font does Granola Notes use?
Granola Notes uses Quadrant for headings and Melange for body copy in the captured homepage.
Is Quadrant free to use?
Check the foundry license for Quadrant before shipping it. This page records what appeared on Granola Notes's site and grants no reuse rights.
What colors and sections were captured for Granola Notes?
6 colors (#ffffff, #72726e, #0e0f0c, #292929, #b2c248, #f7f7f2) and 54 homepage sections, with 10 inner pages.
Which other sites use Quadrant and Melange?
1 other captured site uses this same pair of fonts. The links on this page go to the first ones in library order.
Fonts come from the rendered capture and may change when the site does. Library methodology