Type
11 primitives, 11 used.
font.size
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.size.16 | 1rem (16px) | Aa | type.caption.font-size (semantic) |
font.size.18 | 1.125rem (18px) | Aa | type.label.font-size (semantic) |
font.size.19 | 1.1875rem (19px) | Aa | type.body.font-size (semantic)type.data.font-size (semantic) |
font.size.22 | 1.375rem (22px) | Aa | type.heading.font-size (semantic) |
font.size.28 | 1.75rem (28px) | Aa | type.title.font-size (semantic) |
font.size.36 | 2.25rem (36px) | Aa | type.display.font-size (semantic) |
font.weight
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.weight.400 | 400 | Aa | type.body.font-weight (semantic)type.caption.font-weight (semantic)type.data.font-weight (semantic) |
font.weight.700 | 700 | Aa | type.display.font-weight (semantic)type.title.font-weight (semantic)type.heading.font-weight (semantic)type.label.font-weight (semantic) |
font.line-height
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.line-height.1_25 | 1.25 | Ag Ag Ag | type.display.line-height (semantic)type.title.line-height (semantic)type.heading.line-height (semantic) |
font.line-height.1_6 | 1.6 | Ag Ag Ag | type.body.line-height (semantic)type.label.line-height (semantic)type.caption.line-height (semantic)type.data.line-height (semantic) |
font.family
Aafont.family.atkinson-hyperlegible
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 · & ? !
0123456789 · & ? !
Regular400Bold700
Read by
type.display.font-family type.title.font-family type.heading.font-family type.body.font-family type.label.font-family type.caption.font-family type.data.font-family"Atkinson Hyperlegible", Verdana, sans-serif
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.family.atkinson-hyperlegible | "Atkinson Hyperlegible", Verdana, sans-serif | Aa 123 | type.display.font-family (every mode)type.title.font-family (every mode)type.heading.font-family (every mode)type.body.font-family (every mode)type.label.font-family (every mode)type.caption.font-family (every mode)type.data.font-family (every mode) |