[Tumi Mundo] - Styleguide

Dit is de styleguide voor het project [Tumi Mundo]. Hierin zijn een aantal huisstijl onderdelen gedefinieerd.

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

Kleuren

Bij het onderdeel kleuren staat het kleurgebruik.

#cfd8ed
Main color
#434b75
General-color
#fff
Button-text-color
#008811
Important-color
#d40d0d
Error-color
#9264f4
Select-form

Navigatie kleuren icons

#fff
Icons in navigatie: home
#fff
Icons in navigatie: testing
#a794f4
Icons in navigatie: lessons
#99d1b3
Icons in navigatie: statistics
#f4c089
Icons in navigatie: profile

Typografie

Bij het onderdeel typografie worden fonts en groottes gedemonstreerd.

Font-family:Poppins

Kop 1

Kop 2

Kop 3

Kop 4

Kop 5
Dit is een link

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
Tabelkop Tabelkop Tabelkop Tabelkop
Tabeldata Tabeldata Tabeldata Tabeldata
Tabeldata Tabeldata Tabeldata Tabeldata
Tabeldata Tabeldata Tabeldata Tabeldata
Tabeldata Tabeldata Tabeldata Tabeldata
Tabeldata Tabeldata Tabeldata Tabeldata

Formulier elementen

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

Radio options:
Checkbox