Typographieskalen-Generator Erstellen Sie eine modulare Typographieskala mit anpassbarer Basisgröße, Verhältnis und Einheiten.

Eine modulare Typskala verwendet ein mathematisches Verhältnis, um eine Reihe von proportionalen Werten zu generieren. Ausgehend von einer Grundgröße (typischerweise 16px für das Web) wird jeder Schritt durch Multiplikation mit dem Verhältnis berechnet. Für eine Skala im Major Third (1,25) mit 16px-Grundgröße: 12,8px, 16px, 20px, 25px, 31,25px, 39,06px. Das Verhältnis bestimmt den Kontrast zwischen Größen - kleinere Verhältnisse (1,067, 1,125) erzeugen subtile Unterschiede, die ideal für Fließtext sind, während größere Verhältnisse (1,5, 1,618) dramatische Unterschiede erzeugen, die für Anzeigentypografie geeignet sind. Beliebte Verhältnisse stammen aus der Musiktheorie (Minor Third, Perfect Fourth, Perfect Fifth) und der Mathematik (Goldenes Verhältnis). Für die Implementierung im Web sollten Größen als CSS-Custom-Eigenschaften definiert und im gesamten Stylesheet verwendet werden. rem-Einheiten sind aufgrund ihrer Barrierefreiheit bevorzugt, da sie die Schriftgröße des Benutzers respektieren. Die Zeilenhöhe sollte allgemein mit zunehmender Schriftgröße abnehmen - 1,5 für Fließtext und 1,1-1,2 für große Überschriften.