Out of the box, the design system allots for one brand font, but more can be added. In order to fully test the flexibility of fonts introduced to the design system, they are displayed as: all capital letters, all lowercase letters, numbers 0-9, and a string of most commonly used special characters. This allows for full view of the needs of the type set in the font. In regards to font sizes, there is a default set of font hierarchy based on multiples of 8: fonts increase from 16px, 24px, 32px, 48px, 56px, and continue growing upwards in that multiple of 8.
Line heights are set to 1.5 times the font size, to adhere to WCAG AA level accessibility guidelines. For accessibility purposes, no font in this design system may be smaller than 16px. In order to test color contrast, a light mode and dark mode view of fonts are included.