Home › Styleguide

Styleguide

Colors

$brand-color1 #007ac3
$brand-color2 #9cc7e0
$brand-color3 #80bce1
$brand-color4 #241866
$brand-color5 #009881
$brand-color6 #85bc20
$brand-color7 #940c72
$brand-color8 #e5202e
$brand-color9 #ea8f00
$sup-color1 #000000
$sup-color2 #474747
$sup-color3 #a5a5a5
$sup-color4 #b1b1b1
$sup-color5 #e4e4e4
$sup-color6 #ffffff
$color-greyishBrown #4a4a4a
$color-footerGrey #757575
$color-pageBG #ececec
$color-tableLines #dadada
$color-results #9b9b9b
$color-veryLightPink #c8c8c8
$color-veryLightPink2 #e5e5e5
$color-veryLightPink3 #dcdcdc
$color-brownGrey #a5a5a5
$color-coolGrey #999ea3

Typography

H1 normal sentance

H1 blue sentance

H2 normal sentance

H2 Blue sentance

H3/h4/h5/h6 normal sentance

H3/h4/h5/h6 Blue sentance

This is a normal paragraph... some bolt text.. some italic text.. and a link!

this is some small text.. and some tiny text

Buttons

Schuldhulpverlening
Meer informatie
Schuldhulpverlening
Bewaar
Share

Forms