Used for the main screen title, should be used only once per screen. It pairs with large body.

Handy for dividing your screen into sections. It pairs perfectly with large body.

Designed for sections within sections to increase the information hierarchy.

Perfect for large amounts of content. Pairs with large body and default body.

Used for for paragraphs. Pairs with screen title and section title.

Emphasizes and highlights important words or small titles. It’s used in expressive components, such as buttons and links.

When you need something a little smaller than large, or to compliment large body.

Emphasizes and highlights important words or small titles.
It’s used in expressive components, such as buttons and links.

Used in line with large body, or when you need a large link.

Used in line with default body, or when you need a smaller link.