Modularer Typografie-Skalenrechner
Erstelle eine modulare Schriftskalierung aus einer Basisgroesse, einem Verhaeltnis und der Anzahl der Stufen -- der Grundbaustein jedes Design-System-Typografie-Token-Sets.
So verwendest du den modularen Typografie-Skalenrechner
- Gib die Basisschriftgroesse in px ein.
- Waehle ein modulares Verhaeltnis.
- Lege die maximale Stufe fest, die generiert werden soll.
- Klicke auf Berechnen, um die kommagetrennte Liste anzuzeigen.
Anwendungsfälle
- •Typografie-Token erstellen.
- •Marken-Styleguides gestalten.
- •Figma-Textstile in Code uebertragen.
Formel
size(step) = base × ratio^step. Stufe 0 gibt die Basisgroesse zurueck; hoehere Stufen wachsen exponentiell.
Häufig gestellte Fragen
Welches Verhaeltnis sollte ich verwenden?
Engere Verhaeltnisse (1.125, 1.200) erzeugen eine dezente Hierarchie, die sich fuer dichte Benutzeroberflaechen eignet. Groessere Verhaeltnisse (1.414, 1.500) erzeugen dramatischen redaktionellen Kontrast. 1.250 ist ein sicherer Standardwert fuer das Web.
Sollte ich auf ganze Pixel runden?
Rem-basierte Skalen koennen Dezimalwerte behalten; px-Token werden fuer eine praezise Darstellung ueblicherweise auf 0,5 px oder ganze Pixel gerundet.
Ist das dasselbe wie die Skala von Tailwind?
Nein -- Tailwind verwendet handoptimierte Stufen statt einer reinen modularen Skala. Verwende diesen Rechner, um eine alternative Skala zu erstellen, wenn du eine individuelle Markenidentitaet benotigst.