Was machen wir mit dieser Logik?
Modulares Schriftsystem
Definiere die visuelle Schriftlogik und baue eine Brücke zwischen der visuellen und technischen Sicht.
Schrifthierarchie
Es ist einfach, eine Brücke zwischen der visuellen und semantischen Struktur zu bauen. Wir benötigen mindestens 6 Titelgrössen und dem Body-Text (Lauftext) als Basisschrift. So lassen sich die passenden HTML-Tags ableiten und für alle Schrift-Optionen haben wir eine erste Antwort.
Die richtige Terminologie
Es gibt verschiedene Ansätze, die Schrift-Logik zu benennen. Was sinnvoll ist, entscheidet das Projekt-Team. Dennoch gibt es bessere und schlechtere Konzepte.
Seriell
Alphabetische oder Numerische Grössenordnungen sind sinnvoll für Design-Programme (Webflow, Figma). Ihre Auflistung ist geordnet.
Ausbaubar
Das Namensset sollte logisch ausbaubar sein. Nach oben wie nach unten.
Interpretation
Die Namen sollten möglichst klar sein. Fehlinterpretationen sollte vermieden werden.
Mögliche Namenstypen
Nummerierung
Titel-1 bis Titel-6. Eine ziemlich einfache Referenz zum HTML, aber nicht identisch. Alphabetisch.
Grössen
Gigantic, Huge, Medium, Tiny. Sinnvoll, aber nicht alphabetisch und unterschiedlich interpretierbar.
T-Shirt Sizes (S, M, L, XL)
Verständlich, aber nicht alphabetisch und bald einmal nicht sinnvoll ausbaubar.
Eigennamen
Elefant, Zebra, Maus. Fantasienamen, die eine Referenz zur Grösse geben. Nur für Projektinvolvierte verständlich. Nicht zwingend Alphabetisch.
Base-Font Sizing
Font-100 (Base und Body-Font), Font-600 der grösste Schriftschnitt. Alphabetisch, nicht zu nahe, aber dennoch verwandt zum HTML und zudem ausbaubar.
