04 / Typografie & Form

# 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

Dein TextSchriftGröße · 56 px

Verantwortung braucht Überblick.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
0123456789 · ÄÖÜäöüß

04.2

## Drei klare Rollen

Überschriften / 600

### IBM Plex Sans

Prägnante, lösungsorientierte Überschriften. Großzügige Zeilenabstände vermeiden; die Aussage bleibt als Einheit erkennbar.

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

4 **px

8 **px

12 **px

16 **px

24 **px

32 **px

48 **px

64 **px

96 **px

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 px`

8

### Controls

`8 px`

14

### Panels

`14 px`

24

### Markenflächen

`24 px`

Rundungen 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.