Colors

primary
secondary
tertiary
accent
blue-l
blue
blue-d
yellow
yellow-d
gray-l
gray
gray-d
green
green-d
orange
orange-d
t
t2
b
w

12 column grid

1
1
1
1
1
1
1
1
1
1
1
1
6 columns
3 columns
2 columns
1

Buttons

Buttons
Outline buttons
Sizes

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Display headings

Display 1

Display 2

Display 3

Display 4

Paragraph

Lorem ipsum dolor sit amet, Italic text consectetur adipiscing elit. Bold text Fusce consectetur dolor eu diam dapibus, vel ultricies augue semper. Vivamus enim metus, mollis in purus non, euismod pellentesque urna. In iaculis quis dolor a sagittis.

Lorem ipsum dolor sit amet, Italic text consectetur adipiscing elit. Bold text Fusce consectetur dolor eu diam dapibus, vel ultricies augue semper. Vivamus enim metus, mollis in purus non, euismod pellentesque urna. In iaculis quis dolor a sagittis.

Lorem ipsum dolor sit amet, Italic text consectetur adipiscing elit. Bold text Fusce consectetur dolor eu diam dapibus, vel ultricies augue semper. Vivamus enim metus, mollis in purus non, euismod pellentesque urna. In iaculis quis dolor a sagittis. Pellentesque et augue vestibulum

Oval

Streamers

Iedereen kan sporten! Maar kan je geen leuke sport of genoeg motivatie vinden? Wij helpen je!

Help mij sporten

Iedereen kan sporten! Maar kan je geen leuke sport of genoeg motivatie vinden? Wij helpen je!

Help mij sporten

Iedereen kan sporten! Maar kan je geen leuke sport of genoeg motivatie vinden? Wij helpen je!

Help mij sporten

BG elements

Bg element top
Bg element bottom

Box elements

.shadow
.rounded
.shadow-sm
.rounded-sm
.rounded-3
.shadow-lg
.rounded-lg
.rounded-2 + .rounded-4