Zurück zur Übersicht
Handoff Design-Tokens für die Entwicklung

Farben

text
#1C2528
text-secondary
#5C6A6E
text-muted
#8B9599
interactive
#0E6B6D
interactive-hover
#0A5052
interactive-soft
#E6F0F0
border
#DDE3E3
bg
#F3F6F6
warning
#C9820A
warning-soft
#FCF5E8
status-success
#3F8F5F
status-danger
#C0503C
Semantische Status-Farben nur für kleine Icons — nicht für Fließtext. Grün ist ausschließlich  #0E6B6D  (interaktiv).
focus
#FFDD00
focus-ink
#0B0C0C
focus-ring
3px + 2px
Fokus — bewusst außerhalb der Markenpalette, sichtbar auf jedem Grund. Keine Status- oder Textfarbe.

Typografie · IBM Plex Sans

Seitentitel H130 / 600
Abschnitt H220 / 600
Kartentitel17 / 600
Fließtext / Eingabefelder16 / 400
Navigation / Links15 / 500
FELD-LABEL / META13 / 600

Abstände · 8-pt-Raster

4
8
12
16
24
32
48

Radius & Layout

6px
8px
12px
pill
Inhaltsbreite max 1000px, zentriert · Sidebar 248px · Header-Höhe 64px · Content-Padding 32–40px.