Elementer på denne side viser hvordan en såkaldt Hero kan sættes op til at fylde enten
- fuld skærm,
- i en defineret beskæring, hvor billedet tilpasses afhængigt af skærmstørrelse, og
- en lille visning, hvor billedet ikke nødvendigvis behøver at optage meget plads
Sidstnævnte visning kan også fint bruges uden baggrundsbilledet, som erstattes af en baggrundsfarve. Det er også muligt at vælge et transparent lag i enten mørk eller lys. Det kan i nogle tilfælde være med til at fremhæve tekst, så det ikke "forsvinder" i baggrundsbilledet.
I en Hero kan der tilføjes label, overskrift, introtekst og knapper. I de to store størrelser kan der tilvælges at vise en pil i bunden, så brugeren bliver oplyst om at der er mere indhold længere nede på siden. Pilen linker til næste sektion på siden og scroller derned ved klik.
