Styleguide

Colours

Primary

Secondary

Tertiary

Grey Dark

Grey

Grey Light

Typography

Heading Extra Large
Lorem ipsum dolor sit amet

Font: Overpass Regular | Line height: 110% | Letter spacing: Normal

Heading Large
Lorem ipsum dolor sit amet

Font: Overpass Regular | Line height: 120% | Letter spacing: Normal

Heading
Lorem ipsum dolor sit amet

Font: Overpass Regular | Line height: 130% | Letter spacing: Normal

Content Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.

Font: Overpass Light | Line height: 150% | Letter spacing: Normal

Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.

Font: Overpass Light | Line height: 150% | Letter spacing: Normal

Content Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.

Font: Overpass Light | Line height: 150% | Letter spacing: Normal

This is a list item in an unordered list
An unordered list is a list in which the sequence of items is not important

This is a list item in an ordered list
An ordered list is a list in where the sequence of items is important

Anchor Link

Icons

- burger

- close

- arrow down

- arrow left

- arrow right

- arrow up

- feature 1

- feature 2

- feature 3

- facebook

- twitter

- linkedin

- instagram

Buttons

Small button

Secondary button

Icon button

Global Spacing

Unit XXLarge

Unit XLarge

Unit Large

Unit

Unit Small

Unit XSmall

Unit XXSmall

CMS Content

H1 Heading