Typography

Heading defaults on h1-h5

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Semantic headings

Override the semantic headings(h tags) with .h1 - .h5 for the correct look.

Sets all the heading styles needed. font-size/line-height/weight...

Heading

Heading

Text-sizes

Regular font sizes. These only set font-size, and line-height.

Text-34

Text-28

Text-22

Text-16

Text-14

Text-12

Text-34

Text-28

Text-22

Text-16

Text-14

Text-12

Tabular numbers

Tabular numbers are great for comparing amounts in a column. The 'system font' is used because FINNfont does not support this feature.

1 888 888 kr

8 111 111 kr

With tabular numbers

1 888 888 kr

8 111 111 kr

Without tabular numbers

1 888 888 kr

8 111 111 kr