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 |
Secondary button
Default state
Secondary button
Hover state
Text Links
Big text link
Default state
06 1234 5678Hover state
06 1234 5678Medium text link
Default state
Lorem ipsumHover state
Lorem ipsumMiscellaneous
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
⇧