Typography

Display of updated typography. Please resize the screen to see the difference between mobile and desktop styles.

Explanation

Instead of adjusting the base heading and paragraph styles, new classes have been created to allow for flexible application of the styling indepedent of the heading level.

Heading levels

.Heading-XL

.Heading-L

.Heading-M

.Heading-S

.Heading-XS

Paragraphs and buttons

.Paragraph-L

.Paragraph-M

Primary button

Secondary button

Tertiary button