Type
15 primitives, 15 used.
font.size
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.size.13 | 0.8125rem (13px) | Aa | type.caption.font-size (semantic) |
font.size.14 | 0.875rem (14px) | Aa | type.label.font-size (semantic) |
font.size.16 | 1rem (16px) | Aa | type.body.font-size (semantic)type.data.font-size (semantic) |
font.size.20 | 1.25rem (20px) | Aa | type.heading.font-size (semantic) |
font.size.24 | 1.5rem (24px) | Aa | type.title.font-size (semantic) |
font.size.32 | 2rem (32px) | 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.600 | 600 | Aa | type.title.font-weight (semantic)type.heading.font-weight (semantic)type.label.font-weight (semantic) |
font.weight.700 | 700 | Aa | type.display.font-weight (semantic) |
font.line-height
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.line-height.1_2 | 1.2 | Ag Ag Ag | type.title.line-height (semantic)type.heading.line-height (semantic)type.label.line-height (semantic) |
font.line-height.1_5 | 1.5 | Ag Ag Ag | type.body.line-height (semantic)type.caption.line-height (semantic)type.data.line-height (semantic) |
font.line-height.1_8 | 1.8 | Ag Ag Ag | type.display.line-height (semantic) |
font.family
Aafont.family.inter
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 · & ? !
0123456789 · & ? !
Regular400Semibold600Bold700
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-familyInter, system-ui, sans-serif
Aafont.family.plus-jakarta-sans
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 · & ? !
0123456789 · & ? !
Regular400Semibold600Bold700
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"Plus Jakarta Sans", system-ui, sans-serif
Aafont.family.poppins
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 · & ? !
0123456789 · & ? !
Regular400Semibold600Bold700
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-familyPoppins, system-ui, sans-serif
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.family.inter | Inter, system-ui, sans-serif | Aa 123 | type.display.font-family (every mode, aster)type.title.font-family (every mode, aster)type.heading.font-family (every mode, aster)type.body.font-family (every mode, aster)type.label.font-family (every mode, aster)type.caption.font-family (every mode, aster)type.data.font-family (every mode, aster) |
font.family.plus-jakarta-sans | "Plus Jakarta Sans", system-ui, sans-serif | Aa 123 | type.display.font-family (every mode, birch)type.title.font-family (every mode, birch)type.heading.font-family (every mode, birch)type.body.font-family (every mode, birch)type.label.font-family (every mode, birch)type.caption.font-family (every mode, birch)type.data.font-family (every mode, birch) |
font.family.poppins | Poppins, system-ui, sans-serif | Aa 123 | type.display.font-family (every mode, coral)type.title.font-family (every mode, coral)type.heading.font-family (every mode, coral)type.body.font-family (every mode, coral)type.label.font-family (every mode, coral)type.caption.font-family (every mode, coral)type.data.font-family (every mode, coral) |