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