Skip to content
GitHub
Sections

Reference · Things to avoid

More than two font weights

Forbidden
Thin, light, regular, medium, semibold and bold across one interface
Instead
Two: --font-weight-regular (400) and --font-weight-bold (600). Bold for headings and emphasis, regular for everything else.

What this rule looks like

Forbidden
Instead

Why this rule

Extra weights read as noise, are impossible to apply consistently, and add a decision to every text element. Reserve very thin or very heavy weights for large display text, where they are legible.

Kind
Rule
Section
Things to avoid
Group
Typography
Bucket
judgment
Severity
note
Since
v0.1.0

Read as plain text