Rechner für die modulare Skala
Typografische Größen aus Grundgröße und Verhältnis, mit einer Tabelle der Stufen.
Fülle die Felder aus, dann erscheint das Ergebnis hier automatisch.
Eine modulare Skala erzeugt Schriftgrößen durch Multiplikation statt nach Augenmaß: jede Stufe ist die vorige mal einem festen Verhältnis, deshalb bleiben Überschriften, Fließtext und Bildunterschriften in einer einzigen Beziehung, gleich wie viele Größen ein Entwurf am Ende braucht. Stufe null ist die Grundgröße — gewöhnlich der Fließtext —, positive Stufen steigen zu Überschriften auf, negative sinken zu Bildunterschriften und Kleingedrucktem. Das Verhältnis leistet die meiste Arbeit: 1,2 ergibt eine ruhige Skala mit eng beieinanderliegenden Größen, während 1,618 die Abstände so weit öffnet, dass eine Überschrift zwei Stufen höher mehr als doppelt so groß ist wie der Fließtext.
So funktioniert es
Formel und Logik
Größe bei Stufe k = B·q^k. Positive Basis B und q>1 definieren eine aufsteigende Skala. Auf-/Abwärtsfelder sind ganze Anzahlen von 0 bis 20, keine vorzeichenbehafteten Indizes. Stufe null zählt mit, insgesamt also 1+auf+ab Größen. Für negatives k wird durch q^|k| geteilt. Die Tabelle zeigt die ersten 12 Stufen; Minimum und Maximum gelten für die gesamte angeforderte Skala. Alle Längen behalten die Einheit der Basis.
Beispiel
Eine Grundgröße von 16 mit dem Verhältnis 1,25 erreicht fünf Stufen höher 48,828 und zwei Stufen tiefer 10,24.
Felder und Einheiten
- Grundgröße — Längeneinheit
- Verhältnis der Skala — 1
- Stufen über der Grundgröße — Stufen
- Stufen unter der Grundgröße — Stufen
So wird gerechnet
- — Trage die Grundgröße ein — meist die Größe des Fließtextes.
- — Wähle ein Verhältnis: 1,2 für eine enge Skala, 1,618 für eine kräftige.
- — Trage ein, wie viele Stufen du über der Grundgröße für Überschriften brauchst.
- — Trage ein, wie viele Stufen du darunter für Bildunterschriften und Kleingedrucktes brauchst.
Rechenweg und Grenzen
- Rechenweg
- Formel und Logik
- Einschränkung
- Geometrische Größenskala ohne automatische Typografiewahl. Zwanzig Stufen je Richtung sind die Grenze dieses Werkzeugs; px und rem werden nicht ineinander umgerechnet.
FAQ
Welches Verhältnis soll ich wählen?
Verhältnisse zwischen 1,125 und 1,25 halten die Größen eng beieinander und passen zu dichten Oberflächen. Größere — 1,414, 1,5, 1,618 — geben starken Kontrast und passen besser zu redaktionellen Layouts mit wenigen Ebenen.
Soll ich die Größen runden?
Für CSS ist das nicht nötig: Browser kommen mit gebrochenen Pixel- und rem-Werten gut zurecht. Runde nur, wenn ein Designsystem ganze Zahlen verlangt, und dann die ganze Skala auf dieselbe Weise.
Muss die Grundgröße die Fließtextgröße sein?
Müssen nicht, sollte aber meist. Die Skala an der Größe zu verankern, die am meisten gelesen wird, hält alle übrigen Größen in einer festgelegten Beziehung dazu.
Warum wächst die Skala oben so schnell?
Weil sie geometrisch ist. Jede Stufe multipliziert statt zu addieren, die Abstände weiten sich also mit steigenden Stufen — genau diese Eigenschaft hält das kleine Ende fein abgestuft, ohne das große zu stauchen.