Knoppen zijn klikbare call-to-actions zoals “Book a demo”, “Visit our website” of “Download our app”. Ze vallen visueel op en sturen klikken naar je belangrijkste links.
Knopinhoud
| Instelling | Wat het doet |
|---|
| Tekst | Het label dat op de knop wordt weergegeven |
| Link | De URL waarnaar de knop verwijst bij een klik |
Stijl
| Instelling | Wat het doet |
|---|
| Type | Effen (volle achtergrond) of Lijn (alleen omlijning met transparante achtergrond) |
| Kleur | Achtergrondkleur van de knop (bij Effen) of randkleur (bij Lijn) |
| Hoekradius | Afronding van de hoeken: 0 voor scherpe hoeken, hogere waarden voor afgeronde hoeken |
| Kleurvoorinstellingen | Snelkeuze uit voorinstellingen met gradiënten en effen kleuren voor snelle styling |
Gebruik Type → Effen met je merkkleur voor primaire call-to-actions zoals “Book a demo”. Gebruik Type → Lijn voor secundaire acties die zichtbaar maar minder prominent moeten zijn.
Tekststijl
Lettertype, grootte, kleur, dekking, regelhoogte en opmaakopties voor de labeltekst van de knop.
Stel de Breedte en Hoogte van de knop in pixels in.
Lay-out
Met opvulling regel je de ruimte rond het knopblok.