Drop & Heal - Styleguide

Dit is de styleguide voor het project [drop & heal]. Hierin zijn een aantal huisstijl onderdelen gedefinieerd.

Gebruik de volgende gedeelde stylesheet binnen je eigen project: <link rel="stylesheet" href="https://....github.io/.../Drop&Heal.css">

Kleuren

Bij het onderdeel kleuren staat het kleurgebruik.

#000000
Achtergrondkleur
#FFFF
Primaire kleur teksten
#A6A6A6
Secondaire kleur
#64AAC7
Button rouwtaak 1
#984A4A
Button rouwtaak 2
#6E9158
Button rouwtaak 3
#7C6097
Button rouwtaak 4

Typografie

Bij het onderdeel typografie worden fonts en groottes gedemonstreerd.

Kop 1

Kop 2

Kop 3

Simpele alinea's

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  1. Geordende lijsten met items
  2. Met nog meer items
  3. En nog een item

Formulier elementen

Bij het onderdeel formulier elementen worden input, radio, checkbox en buttons gedemonstreerd.

Checkbox