IDS Styleguide

Farben

Rolle Farbe Einsatz
IDS Cyan #03e0e0 Akkzent, aktive Elemente, feine Linien
IDS Cyan #03b6b6 Akkzent, dezenter
Hintergrund hell #ffffff Seitenfläche
Text hell #171717 Überschriften, Haupttext
Sekundärtext hell #737373 Navigation, Meta-Text
Fläche hell #fafafa / #f5f5f5 Code, Sidebar, Hover
Border hell #e5e5e5 Trenner, Karten, Tabellen
Hintergrund dunkel #0a0a0a Dark Mode
Fläche dunkel #111111 / #1f1f1f Panels, Dropdowns, Code
Text dunkel #fafafa Haupttext im Dark Mode
Border dunkel #262626 Trenner im Dark Mode
Link hell #2563eb Links
Link dunkel #93c5fd Links im Dark Mode

Typografie

Primärschrift

Geist mit Inter als Fallback.

font-family: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

Verwendung: Navigation, Fließtext, Überschriften, UI.

Monospace

Geist Mono für Code und technische Werte.

font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

Formatierung

Oberflächen

border-bottom: 4px solid #03caca;
backdrop-filter: blur(12px);