Leerob design system: fonts & colors

Typography

scale ratio 1.357

style	family	size	weight	line	tracking
display	Iowan Old Style	42.4px	600	1.15	-0.02em
headline	Iowan Old Style	23.2px	600	1.4	-0.02em
body	Iowan Old Style	17px	400	1.6	0em
body-sm	SF Pro (system-ui)	14px	400	1.6	0em

Type scale

Aa14Aa17Aa17.5Aa23Aa42.5

light scheme

Palette by painted area

Spacing scale

Corner radii

Shadows (0)

none

section labels are heuristic

Body text: 17px: larger than 65% of indexed sites (median 16px).
Largest heading: 42.4px: smaller than 78% of indexed sites (median 60px).
Type scale: 1.36×: steeper than 72% of indexed sites (median 1.28×).
Container: 1342px: wider than 83% of indexed sites (median 1242px).
Text contrast: 14.7:1: lower than 78% of indexed sites (median 17.6:1).
Page length: 1,220px: shorter than 92% of indexed sites (median 8,217px).
Corner radius: Mostly 0px, shared by 84 of 274 indexed sites (31%).
Color scheme: Light by default, like 75% of indexed sites. It is one of 49 sites (18%) that switch with the system dark mode setting.

Leerob uses Iowan Old Style (loaded as "Iowan Old Style Local") for headings and body text.

Leerob's website uses a light scheme: background #FFFFFF, surface #F3F3F2, text #282828, muted text #676767 and borders #2828281A.

The most common corner radius is 0px, body text is 17px with 1.6 line height, and the page container is 1342px wide.