5 pages captured

Duolingo

DESIGN.md

5 pages

Bright, playful geometry with rounded forms and welcoming, cheerful, sans-serif typography.

Palette

Reads as: saturated · pastel · warm

SwatchHexOKLCHSuggested roleCopy

Hex#f4b811
OKLCHoklch(81.6% 0.165 84)
RoleDominant
find sites →
Hex#5ccc04
OKLCHoklch(74.9% 0.227 137)
RoleSurface
find sites →
Hex#f8b8d7
OKLCHoklch(85.0% 0.083 348)
RoleInk
find sites →
Hex#b0af73
OKLCHoklch(74.1% 0.080 107)
RoleAccent
find sites →
Hex#c9cba8
OKLCHoklch(83.1% 0.047 110)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	duolingo-sans	32px	700	1.4	0	Aa Bb Cc
h2	feather	48px	700	1.4	0	Aa Bb Cc
body	sans-serif	17px	500	1.18	0	Aa Bb Cc
button	duolingo-sans	15px	700	1.15	0.8px	Aa Bb Cc