Type
13 primitives, 13 used.
font.size
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.size.12 | 0.75rem (12px) | Aa | type.label.font-size (semantic)type.caption.font-size (semantic) |
font.size.13 | 0.8125rem (13px) | Aa | type.data.font-size (semantic) |
font.size.14 | 0.875rem (14px) | Aa | type.body.font-size (semantic) |
font.size.16 | 1rem (16px) | Aa | type.heading.font-size (semantic) |
font.size.20 | 1.25rem (20px) | Aa | type.title.font-size (semantic) |
font.size.24 | 1.5rem (24px) | 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.500 | 500 | Aa | type.label.font-weight (semantic) |
font.weight.600 | 600 | Aa | type.display.font-weight (semantic)type.title.font-weight (semantic)type.heading.font-weight (semantic) |
font.line-height
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.line-height.1_2 | 1.2 | Ag Ag Ag | type.display.line-height (semantic)type.title.line-height (semantic)type.heading.line-height (semantic)type.label.line-height (semantic) |
font.line-height.1_45 | 1.45 | Ag Ag Ag | type.body.line-height (semantic)type.caption.line-height (semantic)type.data.line-height (semantic) |
font.family
Aafont.family.ibm-plex-sans
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 · & ? !
0123456789 · & ? !
Regular400Medium500Semibold600
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"IBM Plex Sans", system-ui, sans-serif
Aafont.family.ibm-plex-mono
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 · & ? !
0123456789 · & ? !
Regular400
Read by
type.data.font-family"IBM Plex Mono", ui-monospace, monospace
| Primitive | Value | Sample | Used by |
|---|---|---|---|
font.family.ibm-plex-sans | "IBM Plex Sans", system-ui, 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) |
font.family.ibm-plex-mono | "IBM Plex Mono", ui-monospace, monospace | Aa 123 | type.data.font-family (every mode) |