Theme
Schriftgrößen und Überschriften
Grundgröße und Verhältnis je Bildschirmgröße, Überschriftengrößen und Zeilenhöhe.
Alle Schriftgrößen der Website stammen aus einer Skala. Du stellst sie unter 
Gestaltung → Theme → Typografie im Abschnitt Fließende Schriftskala ein. So passen Fließtext und Überschriften immer zueinander.
Grundgröße und Verhältnis
Je Bildschirmgröße (Spalten der Tabelle) gibst du zwei Werte an:
- Grundgröße: die Größe des Fließtexts, z. B. 16 auf dem Smartphone und 18 auf dem Desktop.
- Verhältnis: um wie viel jede Überschriftenebene größer wird als die darunter. Die Auswahl reicht von „Kleine Sekunde“ (sehr zurückhaltend) bis „Quarte“ (deutliche Unterschiede).
Daraus ergeben sich H6 (so groß wie der Fließtext) bis H1. Die Tabelle zeigt die berechneten Größen sofort an.
Auf dem Smartphone wirkt ein kleineres Verhältnis meist besser: Riesige Überschriften brechen dort in viele Zeilen um. Auf dem Desktop darf es mehr sein.
Einzelne Größen anpassen
Passt eine berechnete Größe nicht, trage in ihrem Feld einen eigenen Wert ein. Er gilt nur für diese Überschriftenebene in dieser Bildschirmgröße. Leerst du das Feld, gilt wieder der berechnete Wert, den das Feld grau anzeigt.
Fließend oder in Stufen
Ist Fließend zwischen den Breakpoints angehakt, wachsen die Schriftgrößen gleichmäßig mit der Fensterbreite. Ohne Häkchen bleibt die Größe gleich, bis die nächste Bildschirmgröße beginnt.
Zeilenhöhe der Überschriften
Unter Zeilenhöhe der Überschriften legst du den Zeilenabstand mehrzeiliger Überschriften fest, als Faktor der Schriftgröße. 1,2 bedeutet: Die Zeile ist 20 % höher als die Schrift. Große Überschriften vertragen engere Werte (etwa 1,1), kleine eher mehr.
Wie Redakteure die Größen nutzen
Redakteure wählen bei Überschriften die Ebene (H1, H2 …) und können über den Stil Überschriftgröße eine andere Größe zeigen, z. B. eine H2 „wie H1“. Für Text gibt es den Stil Textgröße mit Klein, Normal und Einleitung. Alle diese Größen kommen aus deiner Skala.