Section White
Primary Button Left
class buttonPrimaryLeft
Secondary Button Left
class buttonSecondaryLeft
Highlight Button Left
class buttonHighlightLeft
Primary Button Center
class buttonPrimaryCenter
Secondary Button Center
class buttonSecondaryCenter
Highlight Button Center
class buttonSecondaryCenter
De hoofdactie op de pagina. Niet per se dé conversieknop, maar wel de actie die je het liefst ziet gebeuren op die plek. Vult altijd solide, ongeacht de achtergrond (op donker wordt hij wit, maar blijft "de gevulde knop").
Een alternatieve of minder belangrijke actie naast de Primary. Bewust ondergeschikt: geen vulling, alleen rand en tekst. Moet nooit met Primary concurreren om aandacht.
De call to action. Voor de actie die je echt wilt dat iemand neemt: aanmelden, kopen, contact opnemen. Valt het meest op van de drie en is bedoeld om conversie te sturen — dus spaarzaam gebruiken, anders verliest hij zijn kracht.
Section Light
Primary Button Left
class buttonPrimaryLeft
Secondary Button Left
class buttonSecondaryLeft
Highlight Button Left
class buttonHighlightLeft
Primary Button Center
class buttonPrimaryCenter
Secondary Button Center
class buttonSecondaryCenter
Highlight Button Center
class buttonSecondaryCenter
De hoofdactie op de pagina. Niet per se dé conversieknop, maar wel de actie die je het liefst ziet gebeuren op die plek. Vult altijd solide, ongeacht de achtergrond (op donker wordt hij wit, maar blijft "de gevulde knop").
Een alternatieve of minder belangrijke actie naast de Primary. Bewust ondergeschikt: geen vulling, alleen rand en tekst. Moet nooit met Primary concurreren om aandacht.
De call to action. Voor de actie die je echt wilt dat iemand neemt: aanmelden, kopen, contact opnemen. Valt het meest op van de drie en is bedoeld om conversie te sturen — dus spaarzaam gebruiken, anders verliest hij zijn kracht.
Section Gold
Primary Button Left
class buttonPrimaryLeft
Secondary Button Left
class buttonSecondaryLeft
Highlight Button
class buttonHighlightLeft
Primary Button Center
class buttonPrimaryCenter
Secondary Button Center
class buttonSecondaryCenter
Highlight Button Center
class buttonSecondaryCenter
De hoofdactie op de pagina. Niet per se dé conversieknop, maar wel de actie die je het liefst ziet gebeuren op die plek. Vult altijd solide, ongeacht de achtergrond (op donker wordt hij wit, maar blijft "de gevulde knop").
Een alternatieve of minder belangrijke actie naast de Primary. Bewust ondergeschikt: geen vulling, alleen rand en tekst. Moet nooit met Primary concurreren om aandacht.
De call to action. Voor de actie die je echt wilt dat iemand neemt: aanmelden, kopen, contact opnemen. Valt het meest op van de drie en is bedoeld om conversie te sturen — dus spaarzaam gebruiken, anders verliest hij zijn kracht.
Section Dark
Primary Button Left
class buttonPrimaryWhiteLeft
Secondary Button Left
class buttonSecondaryWhiteLeft
Highlight Button Left
class buttonHighlightLeft
Primary Button Center
class buttonPrimaryCenter
class buttonSecondaryCenter
Secondary Button Center
Highlight Button Center
class buttonHighlightCenter
De hoofdactie op de pagina. Niet per se dé conversieknop, maar wel de actie die je het liefst ziet gebeuren op die plek. Vult altijd solide, ongeacht de achtergrond (op donker wordt hij wit, maar blijft "de gevulde knop").
Een alternatieve of minder belangrijke actie naast de Primary. Bewust ondergeschikt: geen vulling, alleen rand en tekst. Moet nooit met Primary concurreren om aandacht.
De call to action. Voor de actie die je echt wilt dat iemand neemt: aanmelden, kopen, contact opnemen. Valt het meest op van de drie en is bedoeld om conversie te sturen — dus spaarzaam gebruiken, anders verliest hij zijn kracht.