Typography

Headings

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.

This is an H2 heading with the .h5 class applied

Paragraphs

This is a normal paragraph. On static pages, it's designed for readability and optimizing the number of characters per line. The font size is larger to account for longer chunks of text.

This is a lead paragraph. It might be used as a longer-form tagline or subheading for a page or content section. It has a slightly larger font size and line-height.

This is a hero paragraph. It might be used to get a user's attention.

This is a supersize paragraph. It might be used in infographics to drastically increase the font size.

Content