Knoppen en hotspots opmaken

Pas de uitstraling van knoppen en hotspots aan, kleuren, fonts, randen, hover-states en vormen, om bij je merk te passen.

  1. Klik op het plus-icoon om een nieuw interactief element toe te voegen.
  2. Klik op de Icon Button om een knop toe te voegen.
  3. De knopopmaak wordt standaard ingesteld op basis van het Brand Book.
  4. Voer de knopnaam in.
  5. Het font is standaard ingesteld op het font uit het Brand Book. Om dit aan te passen, klik je op het Font family-veld.
  6. Selecteer een font in het dropdownmenu.
  7. Klik op het Font weight-veld.
  8. Selecteer een fontgewicht in het dropdownmenu.
  9. Pas de fontgrootte aan.
  10. Pas de regelafstand (Line height) aan.
  11. Voer een HEX-waarde in om de tekstkleur te wijzigen.
  12. Of kies een kleur via de kleurkiezer.
  13. Pas de tekstkleur aan met de kleurkiezer, de HEX-code wordt automatisch ingevuld.
  14. Selecteer een uitlijnoptie voor de tekst.
  15. Voer een HEX-waarde in om de achtergrondkleur te wijzigen.
  16. Of kies een kleur via de kleurkiezer.
  17. Pas de achtergrondkleur aan met de kleurkiezer.
  18. Voer een waarde in om de border radius aan te passen.
  19. Selecteer een randdikte in het dropdownmenu.
  20. Selecteer een randkleur.
  21. Gebruik het CSS-paneel om indien nodig geavanceerde aangepaste opmaak toe te passen.
  22. Klik op Save om je wijzigingen toe te passen.
Laatst bijgewerkt 18 juni 2026

Was deze pagina nuttig?