Modularer Typografie-Skalen-Generator

Ein modularer Typografie-Skalen-Generator wandelt drei Designzahlen — Basis-Schriftgröße, Skalenverhältnis und Schrittzahl — in eine stimmige Leiter von Schriftgrößen für Überschriften, Fließtext und Bildunterschriften um. Geben Sie eine Basis wie sechzehn, ein Verhältnis wie eins Komma fünfundzwanzig für eine große Terz oder eins Komma sechshundertachtzehn für den goldenen Schnitt ein, sowie wie viele Schritte Sie oberhalb der Basis wollen; das Werkzeug liefert jede Größe als Basis mal Ratio hoch n für n von null bis zu Ihrer Schrittzahl, plus eine strukturierte Skalentabelle, eine geschlossene Formelzeichenkette und geordnete Substitutionschritte, die Sie in Tests oder Designsystemen behaupten können. UI-Kits, Markenrichtlinien, CSS-Design-Tokens und Unterrichtsübungen brauchen dieselbe deterministische geometrische Folge ohne Tabellenkalkulation oder Figma-Plugin.

Was eine modulare Typo-Skala ist und warum das Ratio eins übersteigen muss

Eine modulare typografische Skala ist eine geometrische Folge von Schriftgrößen, gesteuert von einer einzigen Basis und einem einzigen Verhältnis. Ist die Basis sechzehn und das Verhältnis eins Komma fünfundzwanzig, ist Schritt null sechzehn, Schritt eins zwanzig, Schritt zwei fünfundzwanzig, Schritt drei einunddreißig Komma fünfundzwanzig und so weiter — jede Größe ist die vorherige multipliziert mit demselben Verhältnis.

Designer wählen Verhältnisse mit musikalischen oder klassischen Namen: große Sekunde nahe eins Komma einhundertfünfundzwanzig, große Terz eins Komma fünfundzwanzig, reine Quarte etwa eins Komma dreihundertdreiunddreißig, reine Quinte eins Komma fünf und goldener Schnitt nahe eins Komma sechshundertachtzehn. Die Stärke der Methode ist Zurückhaltung: statt willkürlicher Pixelwerte von h1 bis Bildunterschrift wählen Sie drei Zahlen und erben eine Hierarchie, die über Breakpoints und Komponenten hinweg absichtlich wirkt.

Das Verhältnis muss strikt größer als eins sein, weil Verhältnis eins eine konstante Folge liefert, in der jeder Schritt der Basis gleicht, und ein Verhältnis unter eins Größen schrumpft, wenn der Schrittindex wächst, was die Überschriftenhierarchie umkehrt und fast nie dem entspricht, was eine Typo-Skalen-Landing verspricht. Der Prüfpfad berechnet jede Größe mit iterativer Multiplikation und derselben Zwölf-Dezimal-Rundung wie die veröffentlichten Felder neu, sodass eine erfolgreiche Antwort stets Schritte mitliefert, die Sie von Hand nachrechnen oder in Unit-Tests pinnen können.

Praktische Tipps, Grenzen und verwandte Suchen

Übliche Studio-Kontrollpunkte sind leicht zu merken: Basis sechzehn mit großer Terz eins Komma fünfundzwanzig über fünf Schritte ist eine vertraute Körper-zu-Display-Leiter; Basis achtzehn mit goldenem Schnitt über vier Schritte passt zu Langform-Artikelsystemen; Basis fünfzehn mit reiner Quarte eignet sich für dichte Admin-UIs. Bevorzugen Sie Zahlen statt vorformatierter Zeichenketten, wenn Sie den Client steuern; Zeichenkettenzahlen werden nur akzeptiert, wenn sie einem strengen endlichen Zahlenmuster entsprechen.

Bevorzugen Sie diese Fähigkeit, wenn Sie base, ratio und Schrittzahl schon kennen und nur die Größenleiter brauchen; brauchen Sie danach rem-Umwandlung, wandeln Sie jede veröffentlichte Größe mit einem separaten Root-Font-Werkzeug um. Round-Trip-Prüfungen sind geradlinig: berechnen Sie base mal ratio iterativ neu und bestätigen Sie, dass jeder Eintrag in sizes und scale derselben Zwölf-Dezimal-Rundung des Solvers entspricht.