Colors Buttons Text links Miscellaneous Typography

Colors


Name: Black
# 3F3F3F
RGB: 63, 63, 63
Name: Dark Blue
# 183C57
RGB: 24, 60, 87
Name: Orange
# EE7C15
RGB: 238, 124, 21
Name: Beige
# FEFAF6
RGB: 254, 250, 246
Name: White
# FFFFFF
RGB: 255, 255, 255
Name: Error Red
# E84F38
RGB: 232, 79, 56

Buttons


Primary button

Default state

Primary button

Hover state

Primary icon button

Default state

Secondary button

Default state

Secondary button

Hover state

Miscellaneous


FAQ Icon - Closed

Hoe lang is de hersteltijd?

Praesent posuere nisi vel diam congue varius. Praesent lacus nulla, congue nec rhoncus nec, suscipit et enim. Donec ultrices nec arcu et pharetra.

FAQ Icon - Open

Hoe lang is de hersteltijd?

Praesent posuere nisi vel diam congue varius. Praesent lacus nulla, congue nec rhoncus nec, suscipit et enim. Donec ultrices nec arcu et pharetra.

Desktop - Typography

Mobile - Typography (not working on desktop 🤷‍♂️)


Header 1

Header 1

Header 1

Header 1

Header 2

Header 2

Header 2 Orange

Header 2 Orange

Header 2 White

Header 2 White

Header 3

Header 3

Header 3

Header 3

Header 3 Orange

Header 3 Orange

Header 3 White

Header 3 White

Header 4

Header 4

Header 4 White

Header 4 White

Quote

Quote

Big Body Text

Big Body Text

Body Text Bold

Body Text Bold

Body Text Bold

Body Text Bold

Body Text Regular

Body Text Regular

Body Text Italic

Body Text Italic

Body Text Bold White

Body Text Bold White

Body Text Regular White

Body Text Regular White

Body Text Bold Orange

Body Text Bold Orange

Body Text Medium Orange

Body Text Medium Orange

Body Text Regular Orange Underline

Body Text Regular Orange Underline

Body Text Small Bold

Body Text Small Bold

Body Text Small Regular

Body Text Small Regular

Body Text Small Medium White

Body Text Small Medium White

Tag Black

Tag Black

Tag Grey

Tag Grey