Headline H1 als Überschrift für den Einstieg in eine Seite
Headline H2 als Überschrift
Das ist ein Body Text in der Schriftgröße 20pt. Die Breite des Mengentextes erstreckt sich über 8 Grid oder 12 Grid. Die 12 Grid Breite sollte jedoch nur verwendet werden, wenn nachfolgende Module in einer Breite von 12 Grid dargestellt werden. In dem Fließtext darf mit verschiedenen Schriftschnitten gearbeitet werden, um Elemente hervor zu heben. Hier als Beispiel der Schriftschnitt Bold der Schriftart Alto Con.
Absätze beeinflussen einen unschönen Umbruch im Responsive Design, deswegen ist es wichtig für längere Fließtexte Abstände zu verwenden. Hierbei wird ein Abstand von 40px für Desktop und Tablet empfohlen.
- test1
- test2
- test3
Headline H3 als Zwischenüberschrift
Headline H4 dient ebenfalls als eine Zwischenüberschrift und wird lediglich in Bold zum Einsatz gebracht. Er dient als Einstieg für einen Mengentext und sollte aus einem nicht allzu langen Textblock bestehen.
Ein Zweispaltiger Bodytext erstreckt sich über 4 oder 6 Grid. Es ist darauf zu achten, dass der linke Block der beiden Spalten immer ein wenig länger ist, als der Rechte. Für kleinere Devices werden die zweispaltigen Texte untereinander dargestellt. Da Texte in zwei Spalten einen unschönen Umbruch im Responsive hervorheben können, sollte der Fokus von Mengentexten auf eine Einspaltigkeit
(8 Grid oder 12 Grid) gelegt werden.
Headline H2 als Überschrift
Das ist ein Body Text in der Schriftgröße 20pt. Die Breite des Mengentextes erstreckt sich über 8 Grid oder 12 Grid. Die 12 Grid Breite sollte jedoch nur verwendet werden, wenn nachfolgende Module in einer Breite von 12 Grid dargestellt werden. In dem Fließtext darf mit verschiedenen Schriftschnitten gearbeitet werden, um Elemente hervor zu heben. Hier als Beispiel der Schriftschnitt Bold der Schriftart Alto Con.
Absätze beeinflussen einen unschönen Umbruch im Responsive Design, deswegen ist es wichtig für längere Fließtexte Abstände zu verwenden. Hierbei wird ein Abstand von 40px für Desktop und Tablet empfohlen.
Headline H3 als Zwischenüberschrift
Headline H4 dient ebenfalls als eine Zwischenüberschrift und wird lediglich in Bold zum Einsatz gebracht. Sie dient als Einstieg für einen Mengentext und sollte aus einem nicht allzu langen Textblock bestehen.
Ein Zweispaltiger Bodytext erstreckt sich über 4 oder 6 Grid. Es ist darauf zu achten, dass der linke Block der beiden Spalten immer ein wenig länger ist, als der Rechte. Für kleinere Devices werden die zweispaltigen Texte untereinander dargestellt. Da Texte in zwei Spalten einen unschönen Umbruch im Responsive hervorheben können, sollte der Fokus von Mengentexten auf eine Einspaltigkeit
(8 Grid oder 12 Grid) gelegt werden.
