Theme

Abstände

Wie groß „klein“, „mittel“ und „groß“ auf jeder Bildschirmgröße sind.

Redakteure wählen Abstände nicht in Zahlen, sondern als Stil: „Abstand oben/unten: Mittel“, „Innenabstand: Groß“ oder „Abstand zwischen Spalten und Zeilen: Klein“. Wie groß diese Stufen tatsächlich sind, legst du einmal zentral fest – unter Gestaltung → Theme → Design-System im Abschnitt Fließende Abstandsskala.

So funktioniert die Skala

Du gibst je Bildschirmgröße eine Grundgröße an. Aus ihr und dem Verhältnis berechnet bloqy alle Abstandsstufen. Die Tabelle darunter zeigt dir sofort die Ergebnisse je Bildschirmgröße.

• Grundgröße: der mittlere Abstand. Auf dem Smartphone meist kleiner als auf dem Desktop.
• Verhältnis: wie stark sich die Stufen unterscheiden. Ein kleines Verhältnis (z. B. „Große Terz“) wirkt ruhig und gleichmäßig, ein großes (z. B. „Goldener Schnitt“ oder „Oktave“) erzeugt starke Kontraste zwischen klein und groß.

Fließend oder in Stufen

Mit dem Häkchen Fließend zwischen den Breakpoints bestimmst du, was zwischen zwei Bildschirmgrößen passiert:

• Angehakt: Der Abstand wächst gleichmäßig mit der Fensterbreite. Es gibt keine Sprünge.
• Nicht angehakt: Der Wert einer Bildschirmgröße bleibt gleich, bis die nächste beginnt. Dann springt er.

Abstände einstellen

1. Öffne Gestaltung → Theme → Design-System.
2. Prüfe, dass Abstände aus der Skala berechnen angehakt ist.
3. Trage je Bildschirmgröße die Grundgröße ein und wähle das Verhältnis.
4. Klicke auf Speichern und prüfe das Ergebnis im Editor in verschiedenen Bildschirmgrößen.

Abstände gehören zu den Werten, die überall gelten – mehr dazu unter Variablen: Werte, die überall wirken.