Typography

Font size, font weight and line height is pre-defined for certain styles.

The usage and further styling is up to you. This page contains the component files that are used on this website and some basic guides and tips to using the pre-defined sizes.

Display

Displays are used for the most important and biggest labels. It's usually best for hero sections, home pages or page titles if the style of the page requires it.

Title

Titles can be used universally. It's used for page titles, highlights and for most areas where big, bold text is needed.

Heading

Heading is used for headers one level under titles.

Heading 2

Same as main heading, but another level under. Used for structuring articles, and for titles in smaller components.

Paragraph

Label

Used for small texts, also smaller, less important information and input, checkmark, control helper texts.