Überschriften / 600
IBM Plex Sans
Prägnante, lösungsorientierte Überschriften. Großzügige Zeilenabstände vermeiden; die Aussage bleibt als Einheit erkennbar.
Substanz in jedem Satz.
IBM Plex Sans gibt Überschriften Charakter. Inter hält Inhalte zugänglich. Geist Mono ordnet kleine Labels und technische Angaben.
04.1
Ausprobieren statt vorstellen
Verantwortung braucht Überblick.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
0123456789 · ÄÖÜäöüß
04.2
Drei klare Rollen
Lesetext & Navigation / 400 / 600
Inter
Lesetext, Navigation und Controls. Die Studio-Navigation verwendet Inter in 14 px mit 1,5-facher Zeilenhöhe; aktive Einträge in 600. Labels und Header bleiben klar lesbar.
Kleine Labels / 400
Geist Mono
Kurze Kategorie-Labels, Werte und Referenzen. Sparsam einsetzen; keine langen Absätze in Versalien.
04.3
Maß und Rhythmus
4px
8px
12px
16px
24px
32px
48px
64px
96px
Ein 4-px-Grundraster verbindet die Gestaltung. Kleine Abstände gruppieren, große trennen. Lesetext bleibt bei ungefähr 60–70 Zeichen pro Zeile. Marketingüberschriften skalieren fließend; Controls behalten verlässliche Größen.
04.4
Rundungen gehören zu Kopexa
6
Kleine Elemente
6 px8
Controls
8 px14
Panels
14 px24
Markenflächen
24 pxRundungen gehören zu Kopexa: von bedienbaren Controls über Panels bis zu großen Markenflächen. Die Form bleibt auch in der Guideline sichtbar. Das Logo und der offene Weg behalten ihre eigenen Konturen.