Buttons

Buttons worden gebruikt om de nadruk op een bepaald stuk tekst te leggen.
Hiermee probeert Vini Mini de aandacht van de klant naar bepaalde delen te krijgen.

Achtergrondinformatie buttons:

Het doel van buttons

De buttons dienen als aandachtspunten op de website. Het is de bedoeling dat deze knoppen opvallen.
Uiteindelijk zou er een aankoop moeten worden gedaan.

Soorten buttons:

De witte buttons worden gebruikt voor de minder belangrijke punten, zoals 'voeg toe aan winkelwagen'.
De groene buttons worden voor de belangrijkere punten gebruikt, zoals 'koop nu'.
De gele buttons zijn voor de belangrijkste punten, zoals 'afrekenen' of 'doe de test.'

Button stijl:

De buttons hebben een border van 1px.
Alle content staat in hoofdletters.
Lettertype montserrat wordt gebruikt.
De buttons hebben een hover functie, waardoor de kleur veranderd.

Button toevoegen:

Buttons voeg je toe via 'button type='. Vervolgens geef je hem een class, zodat je hem kunt opmaken in de CSS.

Don'ts:

De buttons voor de minder belangrijke punten, zoals 'voeg toe aan winkelwagen' mag nooit een andere kleur bevatten dan wit.

De buttons voor de belangrijkere punten gebruikt, zoals 'koop nu' mag nooit een andere kleur hebben dan groen.

De buttons voor de belangrijkste punten, zoals 'afrekenen' of 'doe de test' mogen nooit een andere kleur hebben dan geel.

De buttons mogen nooit een bredere border hebben dan 1px.

De content in de buttons mogen nooit kleine letters hebben, maar moet altijd in hoofdletters staan.

Er mag nooit een ander lettertype gebruikt worden in de buttons dan montserrat.