H1 – Hauptüberschrift / Seitentitel
Verwendung: wichtigste Überschrift einer Seite, in der Regel nur einmal pro Seite.
Größen: Desktop 44 px / Tablet 38 px / Mobile 30 px
H2 – Hauptabschnitt
Verwendung: große inhaltliche Bereiche einer Seite.
Größen: Desktop 32 px / Tablet 28 px / Mobile 24 px
H3 – Unterabschnitt
Verwendung: Untergliederung innerhalb eines Hauptabschnitts.
Größen: Desktop 22 px / Tablet 20 px / Mobile 18 px
H4 – kleinere Zwischenüberschrift
Verwendung: kleinere Unterpunkte oder zusätzliche Feingliederung.
Größen: Desktop 18 px / Tablet 17 px / Mobile 16 px
H5 – ergänzende Ebene
Verwendung: seltene, feine Untergliederung.
Größen: Desktop 16 px / Tablet 16 px / Mobile 15 px
H6 – kleinste Überschriftenebene
Verwendung: kleinste Überschrift, nur zurückhaltend einsetzen.
Größen: Desktop 14 px / Tablet 14 px / Mobile 14 px
Fließtext / Standardtext
Dies ist ein Beispiel für normalen Fließtext. So lässt sich gut beurteilen,
wie ruhig, lesbar und klar die Textwirkung insgesamt ist.
Ein zweiter Absatz hilft zusätzlich dabei, den Abstand zwischen Absätzen
und den Lesefluss zu prüfen.
Fließtext: Desktop 16 px / Tablet 16 px / Mobile 16 px
Beispiel für eine Liste
- Listenpunkt eins
- Listenpunkt zwei
- Listenpunkt drei