Goldener-Schnitt-Schriftgrößen

Der goldene Schnitt ist die klassische Konstante phi gleich eins plus Quadratwurzel aus fünf, alles geteilt durch zwei, etwa 1.618. Designer nutzen ihn als modulare Skala, damit jede Schriftgröße proportional zur nächsten wirkt statt um willkürliche Pixel zu springen. Geben Sie diesem Goldener-Schnitt-Schriftgrößenrechner eine positive Basis-Fließtextgröße und erhalten Sie die volle Überschriftenleiter von h1 bis h6, den Fließtext selbst, eine kleinere Caption-Größe einen Halbschritt unter dem Fließtext sowie eine Fließtext-Zeilenhöhe von Basis mal phi. Halbschritte nutzen die Quadratwurzel von phi, damit die Leiter auf Bildschirmen nutzbar bleibt und dennoch reine Goldener-Schnitt-Geometrie ist.

Wie der goldene Schnitt eine modulare Typo-Skala baut

Starten Sie von einer einzigen Basis-Fließtextgröße, typisch sechzehn Pixel oder ein rem in zeitgenössischen UI-Kits. Der goldene Schnitt phi ist exakt eins plus Quadratwurzel aus fünf, geteilt durch zwei. Eine reine Ganzzahl-Potenzleiter multipliziert bei jedem Schritt mit phi und springt für sechs Überschriftenebenen auf einem normalen Lesebildschirm zu weit; deshalb nutzt dieser Rechner den Halbschritt-Schritt gleich der Quadratwurzel von phi, etwa 1.272.

Der Fließtext bleibt bei Basis mal step hoch null. Überschriftsebene sechs ist Basis mal step hoch eins, Ebene fünf ist Basis mal step zum Quadrat, also exakt Basis mal phi, und so weiter bis Überschrift eins bei Basis mal step hoch sechs. Ein Halbschritt unter dem Fließtext ist die small- oder Caption-Größe als Basis geteilt durch step.

Die Fließtext-Zeilenhöhe wird oft nahe Basis mal phi gesetzt, weil dieser vertikale Rhythmus dasselbe Verhältnis wie horizontal in klassischen Layouts widerspiegelt. Eine nicht positive Basis wird abgelehnt, weil eine null oder negative Schriftgröße kein gültiger modularer Ursprung ist und die Skala kollabieren oder invertieren würde. Die optionale unit ist nur ein Label wie px, rem, em oder pt; die Zahlen werden nicht zwischen absoluten Einheiten umgerechnet, was die Mathematik ehrlich und deterministisch für Design-Tokens hält, die Sie in CSS-Custom-Properties einfügen.

Wo Goldener-Schnitt-Schriftgrößenrechner im Alltag landen

Produkt-Designsysteme brauchen ständig eine stimmige Typo-Rampe, damit Marketing-Landingpages, App-Einstellungen und Hilfecenter wie eine Familie wirken; ein vertrauenswürdiges Orakel, das jede Überschrift neben Fließtext und small zurückgibt, beschleunigt Token-Authoring im Figma-Handoff und in CSS-Variablen. Blog-Plattformen und Dokumentationssites weisen modulare Skalen zu, wenn Redakteure eine Root-Größe für Barrierefreiheit wählen und Überschriften trotzdem dominieren sollen ohne manuelle Pixel-Suppe. Markenrichtlinien und Print-zu-Web-Migrationen nutzen Goldener-Schnitt-Leitern wieder, damit Poster, PDFs und responsive Sites proportionale Hierarchie teilen, auch wenn die absolute Einheit von Punkt zu rem wechselt.

Curriculumsautoren für visuelles Design führen den goldenen Schnitt mit Live-Rechnern ein, damit Studierende sehen, wie phi zu konkreten rem-Werten wird und nicht nur zu einem Rechteckdiagramm. Wenn Sie später Farbpaletten, Abstandsraster jenseits der Typografie, fluide clamp()-Rechner oder optische Randausrichtung brauchen, behandeln Sie das als getrennte Suchabsichten und Landings statt diese Goldener-Schnitt-Schriftgrößen-Seite zu überladen.