6 pages captured

Plaid

DESIGN.md

6 pages

Cool, deep teal gradients flow over crisp, geometric sans-serifs in a spacious, clean layout.

Palette

Reads as: cool · muted · high-contrast

SwatchHexOKLCHSuggested roleCopy

Hex#0c88c8
OKLCHoklch(59.8% 0.136 241)
RoleDominant
find sites →
Hex#04558c
OKLCHoklch(43.7% 0.113 247)
RoleSurface
find sites →
Hex#b08aea
OKLCHoklch(70.7% 0.141 301)
RoleInk
find sites →
Hex#6884a8
OKLCHoklch(60.6% 0.064 255)
RoleAccent
find sites →
Hex#e3dfed
OKLCHoklch(91.1% 0.019 299)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Plaid Sans	76px	500	1.12	-3.4px	Aa Bb Cc
h2	Plaid Sans	20px	600	1.1	-0.4px	Aa Bb Cc
h3	Plaid Sans	26px	500	1.4	-0.5px	Aa Bb Cc
body	Cern	16px	400	1.5	0	Aa Bb Cc
button	Cern	16px	400	1	0	Aa Bb Cc