toujou
+49 911 23980-870

Headline H1

Ihre Überschrift in der Standarddarstellung H1.

Item-ID: 08-001

 Beispielansicht   Anleitung   Verhalten


Beispielansicht

Left aligned H1 Headline

Centered H1 Headline

Right aligned H1 Headline


Anleitung

Headline anlegen

  • Klicken Sie auf den Button + Inhalt, um das Headline-Element zu erstellen.
  • Im Reiter Headline Element wählen Sie Headline.
  • Alternativ suchen Sie in der Filtermaske nach dem gewüschten Element.

Überschrift einfügen

  • Fügen Sie Ihren Überschriftentext in die entsprechende Maske ein.

Tag & Größe bestimmen

  • Wählen Sie im Dropdown-Menü Headline Tag die Auszeichnung H1
  • Variieren Sie unter Headline Size ggf. die Größe, wenn diese vom toujou-Standard abweichen soll. 

Ausrichtung & Farbe festlegen

  • Wählen Sie im Dropdown-Menü Ausrichtung die gewünschte Position. Der Standard ist die linksbündige Ausrichtung. 
  • Wählen Sie im Menü Header Font Color zwischen den alternativen Farbvergaben. 

Anmerkungen:

Die Auszeichnungen H1 bis H5 in Verbindung mit der Size-Auswahl Default (100%) bilden stets die in toujou voreingestellte Headline-Größe ab. Um diese zu variieren gelten folgende Orientierungsgrößen: H1 = alpha (312,5%); H2 = beta (250%); H3 = gamma (200%); H4 = delta (162,5%); H5 = epsilon (137,5%); Schriftgröße normal = omega (87,5%).

Standardmäßig verwenden die Überschriften der Größen H1, H4 und H5 die voreingestellte Schriftfarbe (Font Color), H2 die Primärfarbe (Primary Color) und H3 die Sekundärfarbe (Secondary Color).


Verhalten

Die Headline H1 gibt die von Ihnen eingefügte Überschrift in der Standardgröße H1 wieder.

Responsive: Wie bei Textfeldern auch, bleibt die Ausrichtung der Überschrift unabhängig vom Endgerät stets erhalten. Bei kleiner werdenden Endgeräten brechen Überschriften je nach Länge mehrzeilig um.

Besonderheiten: Je nach Auszeichnung, Größen- und Farbauswahl sind zahlreiche individuelle Kombinationen und Abweichungen von den toujou-Standardeinstellungen möglich.


Verknüpfte Themen

Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.

Color Settings  Textbearbeitung