Schweizer Typografie lebt von zwei Regeln: alles sitzt auf einer gemeinsamen Grundlinie, und alles richtet sich an einem Spaltenraster aus. Beides ist in CSS mit wenigen Zeilen umsetzbar und wird trotzdem selten gemacht.
Die Grundlinie festlegen
Eine feste Zeilenhöhe — etwa 18 Pixel — wird zur Einheit für alles: Abstände sind 18, 27, 36, 72 oder 144 Pixel, nie 20 oder 50. Dadurch stehen Textspalten nebeneinander auf derselben Linie, ohne dass man nachjustiert.
Zwölf Spalten mit CSS Grid
Ein einziges Raster für die ganze Seite, definiert mit repeat(12, minmax(0, 1fr)) und einem festen Gap. Inhalte belegen dann benannte Bereiche: Metadaten 1 bis 2, Text 3 bis 7, Bild 8 bis 12. Die Wiederholung ist die Gestaltung.
Zwei Schriftgrade genügen
Ein Grad für Lauftext und Metadaten, ein grösserer für Einleitungen und Titel. Hierarchie entsteht über Position, Weissraum und Linien — nicht über sechs Zwischengrössen.
Details, die man sieht
Tabellenziffern für alle Zahlen, damit Spalten nicht zappeln. Echte Haarlinien in Textfarbe statt grauer Rahmen. Silbentrennung mit gesetzter Sprache, sonst reissen deutsche Wörter die Spalte auf.