Met het hero component kun je een call to action op de pagina extra aandacht geven. Dit kan met een afbeelding op de achtergrond of met een licht- of donkerblauwe kleur. Het hero component gaat over de volledige breedte van het scherm.
Zorg er altijd voor dat de tekst op de hero afbeelding goed leesbaar is. Test dit ook op verschillende devices.
De hoogte van de afbeelding is variabel. Zorg ervoor dat deze nooit boven 500 px komt. De breedte mag niet onder 1600 px komen.
Voeg altijd eerst een 'Volledige-Breedte' pagina structuur toe en plaats daarna het component 'Hero'.
De inhoud van de hero content kun je direct in de Experience editor aanpassen door op de tekst te klikken.
Bij 'Component properties' kies je een achtergrondkleur en geef je aan hoe de tekst uitgelijnd moet worden (Content alignment en Hero).