Headlines
Headlines sind eigenständige Komponenten, die in nahezu jedem Grid verwendet werden können.
Wir haben die Möglichkeit, Headlines von 1 bis 5 zu definieren. Headlines können linksbündig als Standard, aber auch in Ausnahmefällen zentriert eingesetzt werden.
Zu SEO-Zwecken kann zudem eine optische H2 als H1 definiert werden.
Die Standard-Farbeinstellung für Headlines ist unser dunkles Anthrazit, auf farbigen Hintergründen ändert sich die Farbe jedoch automatisch in Weiß.
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Linksbündige Darstellung ohne Bild
Die Textkomponente (ehemals Text and Image Component) kann auf allen Seiten und in allen Grids eingesetzt werden. Hier verwenden wir es in dem Container 2 | 8 | 2.
Der Text kann im Rich Text Editor unterschiedlich konfiguriert werden. Hier sehen wir die Standard-Einstellung als linksbündigen Text.
In dieser Komponente können wir zudem Aufzählungen als Bulletpoints oder Nummerierungen setzen.
- Beispiel-Bullet 1
- Beispiel-Bullet 2
- Beispielpunkt
- Beispielpunkt
Zusätzlich zum Text können noch weitere Elemente wie Links, Buttons oder Bilder hinzugefügt werden.
Headlines können bei Bedarf als eigenes Objekt eingesetzt werden - auch unabhängig vom Text.
Ausnahme: Zentrierte Darstellung ohne Bild auf farbigem Hintergrund
Läuft eine Contentbox über drei Spalten, wird der Text mittig zentriert gesetzt. Sollte es zudem optisch starke Differenzen geben, die eine Schriftausrichtung nur zentriert zulassen, ist die Ausnahme anwendbar. Darüber hinaus können wir (Zwischen-) Überschriften an jeder Stelle platzieren oder Textlinks und Buttons einsetzen.
Hinweis zu Buttons: Diese sind aktuell nur linksbündig verfügbar. Ausnahme ist der "full width"-Button. In diesem Beispiel befindet sich unterhalb dieses Textes ein Container 4 | 4 | 4 mit dem Button in voller Breite in der Mitte.
Hier ist nun die bekannte Text-Komponente eingesetzt.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Hier ist nun die bekannte Text-Komponente eingesetzt.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Hier ist nun die bekannte Text-Komponente eingesetzt.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Hier ist nun die bekannte Text-Komponente eingesetzt.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.