4 pages captured

Grafana

DESIGN.md

4 pages

Deep indigo shadows and crisp, assertive sans-serifs create a cool, focused clarity.

Palette

Reads as: muted · cool · monochrome

SwatchHexOKLCHSuggested roleCopy

Hex#1c54f4
OKLCHoklch(52.5% 0.245 264)
RoleDominant
find sites →
Hex#06257e
OKLCHoklch(31.7% 0.153 264)
RoleSurface
find sites →
Hex#749cfc
OKLCHoklch(70.6% 0.148 266)
RoleInk
find sites →
Hex#837083
OKLCHoklch(56.9% 0.037 326)
RoleAccent
find sites →
Hex#aab4c5
OKLCHoklch(76.7% 0.027 261)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Poppins	60px	600	1.25	-1.5px	Aa Bb Cc
h2	Poppins	48px	600	1.13	-1.2px	Aa Bb Cc
h3	Poppins	30px	600	1.25	-0.75px	Aa Bb Cc
body	Inter	16px	400	1.5	0	Aa Bb Cc
caption	Inter	14px	400	1	0	Aa Bb Cc
button	Inter	11px	400	1.5	0	Aa Bb Cc