Typography
Typography is used to define a hierarchy between content groups and guide the user through the interface. The DS typography is organized into 5 levels of headings, body, buttons, and links, and has color and weights (regular and bold) varied.
Family font
The typographic family is IBM Plex Sans for its versatility and readability, as well as being an open-sourced typeface.
Type scales
0.8125 rem | 13 px | H5 - Don't design for designers, design for people |
0.875 rem | 14 px | H4 - Don't design for designers, design for people |
1 rem | 16 px | H3 - Don't design for designers, design for people |
1.25 rem | 20 px | H2 - Don't design for designers, design for people |
1.5 rem | 24 px | H1 - Don't design for designers, design for people |