What fonts does Grafana use?
Measured from the captured homepage: Poppins for headings and Inter for body copy.
Open full Grafana reference →Observed typography
- Heading font
- Poppins
- Body font
- Inter
- System
- Two-family hierarchy
How the page is built
Grafana's captured homepage has 60 sections and 10 inner pages.
- 35 content
- 5 about
- 5 footer
- 3 features
- 3 logos
- 2 cta
- 1 blog
- 1 hero
- 1 how-it-works
- 1 statement
- 1 stats
- 1 team
- 1 testimonials
Other sites that use this pair
2 other captured sites use this same pair of fonts.
Captured colors
The captured homepage uses these 6 colors, in capture order.
- #f4f4f6
- #000000
- #1b55f5
- #ffffff
- #454554
- #010000
Styles recorded: Light.
Grafana's website font choices
Captured September 21, 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?
Grafana pairs Poppins for headings with Inter for body copy.
Compare it across the library
See the website font trends and the font pairing examples.
Grafana fonts — FAQ
What font does Grafana use?
Grafana uses Poppins for headings and Inter for body copy in the captured homepage.
Is Poppins free to use?
Check the foundry license for Poppins before shipping it. This page records what appeared on Grafana's site and grants no reuse rights.
What colors and sections were captured for Grafana?
6 colors (#f4f4f6, #000000, #1b55f5, #ffffff, #454554, #010000) and 60 homepage sections, with 10 inner pages.
Which other sites use Poppins and Inter?
2 other captured sites use 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