Hero Area
Die Hero Area ist standardmässig so hoch wie der Bildschirm (100% der Höhe des Viewports). Es besteht jedoch auch die Möglichkeit die Hero Area nur mit 75% der Höhe einzustellen. (Ausnahme beim Type Text).
Die Schriftfarbe ist im Standard schwarz, kann jedoch optional auf Weiss umgestellt werden.
Die Bilder können abgedunkelt werden. Hierzu kann ein Filter mit einer Verdunkelung von bis zu 50% eingestellt werden. Der Filter wird gebraucht, damit die Lesbarkeit der Schrift gewährleistet wird.
Unter der Hero Area steht immer eine Breadcrumb Navigation.
Es besteht die Möglichkeit, einen Link und einen Linktext hinzuzufügen. Beim Type Text ist dies jedoch nicht möglich. In diesem Fall können die Links ausschliesslich im Rich-Text-Editor hinzugefügt werden.
Beispiele: Bild + weisse Schrift (100%) / Video / Text / Colored Background
Hero Type Image:
Hero Area mit Bild. Man kann je ein Bild für Desktop und Mobile einfügen. Man kann die Abdunklung des Bildes in 10er Schritten von 0% bis 50% auswählen. Es kann ein Link und Linktext hinzugefügt werden.
Hero Type Video:
Gleich wie Hero Area Image, aber mit Video.
Hero Type Blue Background:
Hero Area mit fixer blauer Hintergrundfarbe.
Hero Type Colored Background:
Hero Area mit auswählbarer Hintergrundfarbe (definiert pro Instanz).
Hero Type Text:
Hero Area mit Textfeld (RTE). Die Höhe wird durch den Inhalt definiert