Type usage guidelines

Font Sizes

Our base font size is 16px standard with a 12px absolute minimum size used only for meta and supporting text. Color contrast must meet the AA Color Contrast Accessibility Standards.

Line Height

Heading & Detail

Headings equal to or greater than 32px and Displays will use a 1.1x multiplier. Heading under 32px, Subtitle, Captions, Overline, and Display text will all use a 1.3x multiplier.

Body

Body uses a 1.5x multipler (150%) to increase the readability of paragrahs.

Components

Text within components equal to or greater than 32px will use a 1.1x multiplier, while all other text will use a 1.3x multiplier.

Type Usage Guidelines

Font Sizes

Our base font size is 16px standard with a 12px absolute minimum size used only for meta and supporting text. Color contrast must meet the AA Color Contrast Accessibility Standards.

Line Height

Heading & Detail: Headings equal to or greater than 32px and Displays will use a 1.1x multiplier. Headings under 32px, subtitles, captions, overline, and display text will all use a 1.3x multiplier.

Body: Body text uses a 1.5x multiplier (150%) to increase the readability of paragraphs.

Components: Text within components equal to or greater than 32px will use a 1.1x multiplier, while all other text will use a 1.3x multiplier.

Accessibility

All Lato fonts meet the AA Color Contrast Accessibility Standards. Ensure that text size does not fall below 9pt for readability.