Pijl icoon

Styleguide

Button 0
Button 1
Button 2
Button 3
Button 4
Button 0
Button 1-dark
Button 2-dark
Button 3-dark
Button 4-dark
b-klein
Button normaal
b-groot
Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 7

Title 1

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos arcu ut.

Title 2

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur.

Title 3

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim.

Title 4

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur ullamcorper, condimentum

Title 5

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur ullamcorper, condimentum.

Title 6

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse.

Subheading

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur.

Body XL

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis per venenatis.

Body L

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis per venenatis.

Body M

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis.

Body S

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie.

Boxed container with top & bottom padding L

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales. 

Full width container with padding L

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding M

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding S

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

--e-global-color-7d4a260

--e-global-color-a3263c6

--e-global-color-296facf

--e-global-color-c18934a

--e-global-color-de14c7c

--e-global-color-484b000

--e-global-color-accent

--e-global-color-secondary

--e-global-color-primary

Donker (8% opacity)

--e-global-color-6d4eaf2

Licht (8% opacity)

--e-global-color-19a3e79

Tekstkleur

--e-global-color-text

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis.

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis.

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis.

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis.

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis.