Typografie

Gute Typografie bedeutet Konsistenz, klare Hierarchien und optimale Lesbarkeit – Elemente, die auffallen, wenn sie fehlen, aber unbemerkt bleiben, wenn sie stimmen. Genau diese Sorgfalt ist Teil des Designprinzips von OSISM.

Schrift

Brix Sans Regular
Brix Sans Italic
Brix Sans Bold

Hausschrift von OSISM ist die von den deutschen Schriftgestalter Hannes von Döhren und Livius Dietzel entworfene Brix Sans. Die Grotesk‑Schrift vermittelt technische Präzision und neutrale Sachlichkeit, wirkt durch ihre offene Formen und ausgewogene Proportionen aber auch freundlich und zugänglich.

„Brix Sans steht für Perfektion, Präzision und ein zeitgemäßes Erscheinungsbild. Das Konzept war, eine reine, markante und zeitlose Schrift für das digitale Zeitalter zu schaffen: ein typografisches Werkzeug mit maximaler Klarheit, Genauigkeit, Lesbarkeit und einem einzigartigen — manche würden sagen deutschen — Charakter. Auf den ersten Blick einfach, fließend und aufs Wesentliche reduziert, auf den zweiten voller subtiler, handgefertigte und lebhafter Details, die der Brix Sans Herz und Seele geben.“
Die Designer über ihre Schrift.

Zeichenabstand

Nur ein ausgewogener Zeichenabstand gewährleistet gute Lesbarkeit. Wählen Sie daher im Zweifel die Standardeinstellung der Schrift.

Zeilenabstand

Der Zeilenabstand sollte weder zu groß noch zu klein sein, da dies das Lesen erschwert. Orientieren Sie sich an folgenden Werten: [Schriftgröße × 1,3] für Fließtext und [Schriftgröße × 1,1] für Überschriften.

Ausrichtung

Richten Sie alle Gestaltungselemente linksbündig aus. Dieser starken optischen Achse kann das Auge gut folgen, was die Lesbarkeit und Übersichtlichkeit verbessert. Ausgenommen sind Call-to-Action-Bereiche, die zur Hervorhebung mittelaxial ausgerichtet werden können.

Flattersatz

Ein gleichmäßiges Schriftbild wirkt ruhig und verbessert die Lesbarkeit. Versuchen Sie daher nach Möglichkeit gleichmäßige Ränder am rechten Rand zu schaffen, etwa durch manuelle Zeilenumbrüche oder Änderungen an der Zeilenlänge. Vermeiden Sie dabei unschöne Umbrüche und einzelne Wörter in der letzten Zeile.

Zeilenlänge

Zu lange Textzeilen erschweren die Lesbarkeit, zu kurze Textzeilen können zu einem unruhigen Satzbild und ungünstigen Silbentrennungen führen. Nutzen Sie daher Zeilenlängen von 40–60 Zeichen für alle Anwendungen außer Rechts- und Office-Dokumenten.

Zeichensetzung

Verwenden Sie bei Zitaten deutsche bzw. geschwungene Anführungszeichen. Im Vergleich zu französische Anführungszeichen (»«) wirken sie lockerer und weniger literarisch. Vermeiden Sie die Verwendung von „geraden” Anführungszeichen, die noch aus der Zeit der Schreibmaschinen stammen und ein häufiger Fehler in der modernen Typografie sind.

Schreibweise

Schreiben Sie Inhalte in Groß- und Kleinschreibung, da sie besser lesbar ist und zudem freundlicher und sachlicher wirkt. Natürlich können Sie Großbuchstaben für Produkt- und Dienstleistungsnamen verwenden.

Überschriften

Stellen Sie Überschriften in zwei oder sogar drei Zeilen dar, anstatt in einer langen Zeile. Dadurch entsteht eine kompakte Leseeinheit. Achten Sie dabei auf schöne und sinnvolle Zeilenumbrüche.

Schriftgrößen

Alle Schriftgrößen stehen im Verhältnis von 1:1.2 zueinander. Ausgehend von der jeweiligen Basis-Schriftgröße, z.B. 20pt auf dieser Website, können Sie sie mit folgendem Tool bequem berechnen:

Modularscale

rem	px (gerundet)
0.833	17
1	20
1.2	24
1.44	29
1.728	35
2.074	41
2.488	50
2.986	60
3.583	72
4.3	86
5.16	103
6.192	124

OpenType

Verwenden Sie die Brix Sans mit alternativem kleinen g. Dieses kann für Web-Anwendungen per CSS und in Desktop-Anwendungen per OpenType-Feature aktiviert werden.

Zuverlässig

Normales g

Zuverlässig

Alternatives g

CSS

body { 
  font-family: 'Brix Sans', sans-serif;
  font-feature-settings: "calt", "liga", "kern", "ss02";
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
}

OpenType

Unter macOS, z.B. in Pages oder Keynote: Markieren Sie den Text und drücken auf der Tastatur Command+T (alternativ über die Menüleiste: Format > Schrift > Schriften einblenden). Im sich öffnenden Schriften-Fenster klicken Sie oben links auf die drei Punkte (…) und wählen Typografie aus. Scrollen Sie dort nach unten und wählen Alternate lowercase g aus. Anschließend können Sie im Dokument das Absatzformat aktualisieren und so die Änderung für alle entsprechenden Abschnitte anwenden.