What websites look like Grafana?

Signal, Umami, Zeplin, Docker, Motion app have the closest design to Grafana, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like grafana.com

Websites like Grafana

Grafana's website is light (#F4F4F6), with Poppins headings over Inter, 60px headlines at weight 600, 6px corners and a blue accent (#1B55F5). These 12 sites share the most of that look, closest first.

What each site is compared with

Grafana

Background: Light #F4F4F6
Accent: Blue #1B55F5
Font: Poppins / Inter
Corners: 6px
Headlines: 60px, weight 600

Signal3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2C6BED
Same
Font
Inter
Close
Corners
8px
Same
Headlines
60px, weight 800
Close
Umami3 of 5 same
Background
Light #FAFAFA
Same
Accent
Blue #2B7FFF
Same
Font
Inter
Close
Corners
8px
Same
Headlines
72px, weight 700
Close
Zeplin4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3989F9
Same
Font
SF Pro Display
Differs
Corners
4px
Same
Headlines
54px, weight 600
Same
Docker3 of 5 same
Background
Light #F9FAFB
Same
Accent
Blue #2560FF
Same
Font
Repro / Inter
Close
Corners
18px
Differs
Headlines
64px, weight 500
Same
Motion app3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2C77E7
Same
Font
Albert Sans / Inter
Close
Corners
8px
Same
Headlines
88px, weight 600
Differs
Honeycomb2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0078CD
Close
Font
Poppins / Roboto
Close
Corners
6px
Same
Headlines
52px, weight 500
Close
Coolors3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2563EB
Same
Font
Inter
Close
Corners
8px
Same
Headlines
110px, weight 800
Differs
Next.js3 of 5 same
Background
Light #FAFAFA
Same
Accent
Blue #0057FF
Same
Font
Geist
Differs
Corners
6px
Same
Headlines
64px, weight 450
Close
Storybook3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1E293B
Same
Font
Nunito Sans
Differs
Corners
4px, pill buttons
Close
Headlines
56px, weight 500
Same
Trello3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0065FF
Same
Font
Charlie Display / Charlie Text
Differs
Corners
5px
Same
Headlines
48px, weight 500
Close
HP3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #024AD8
Same
Font
Forma Djr Micro
Differs
Corners
4px
Same
Headlines
50px, weight 400
Close
WordPress.com2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3858E9
Same
Font
Inter
Close
Corners
8px, pill buttons
Close
Headlines
80px, weight 500
Differs

How these are matched

Each of the 475 sites in the design library is compared with Grafana on five things you see at a glance. Background: light or dark, and how close the shade is. Accent: the hue of the color on buttons and links. Font: the same family for headings and body, or one of them. Corners: the typical radius and pill buttons. Headlines: the largest type size and its weight. Same counts most, close counts half. Open any site for its fonts, color codes and a prompt for Claude Code, Cursor, Lovable or v0.

Want Grafana itself? See Grafana's fonts and color codes, or print the full report.

Measured from each site's live page as a browser renders it, Grafana on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.