Design System
STYLESHEET
Alle Tokens, Komponenten und Typografie auf einen Blick.
Farben
Primary#8a70e6
--color-primary
Background#0f1020
--color-bg
White#ffffff
--color-white
Typografie
Alumni Sans · 300
Display · Uppercase
--font-display
Display Heading
Alumni Sans · 300–700
UI · Navigation · Labels
--font-ui
Bold 700
Regular 400
Light 300
DM Sans · 300–500
Body · Beschreibungen
--font-body
Regular — Langer Fließtext, gut lesbar in allen Größen.
Light 300 — Für Beschreibungen, Untertitel und Notes.
Italic — Ergänzend für Zitate oder Hinweise.
Glass Card
Card Titel
Beschreibungstext mit DM Sans Light — ruhig und gut lesbar.
Aktion
◈
Mit Icon
Cards können Icons, Text oder KPI-Zahlen enthalten.