Corporate Design
Stellard Markenrichtlinien und Design-System
Logo
Primäres Logo
Logo auf dunklem Hintergrund
Verwende das Logo immer mit ausreichend Freiraum. Das Logo kann über das Kontextmenü (Rechtsklick) heruntergeladen werden.
Farben
Primärer Verlauf
Startfarbe
#38a6c6
Endfarbe
#519f45
CSS Code
background: linear-gradient(to right, #38a6c6, #519f45);Textfarben
Primär
#222221
Sekundär
#6B7280
Hell
#FFFFFF
Dunkel
#111827
Typografie
Schriftarten
Primäre Schriftart
"Inter", "Geist", ui-sans-serif, system-ui, sans-serifMonospace Schriftart
"Geist Mono", ui-monospace, monospaceTypografische Skala
4xl
Stellard Security System
3xl
Stellard Security System
2xl
Stellard Security System
xl
Stellard Security System
lg
Stellard Security System
base
Stellard Security System
sm
Stellard Security System
xs
Stellard Security System
UI-Komponenten
Schaltflächen
Badges
BETANEWACTIVE
Nutzungsrichtlinien
- Verwende den Verlauf für primäre Aktionen und wichtige UI-Elemente
- Halte konsistente Abstände mit dem 8px-Rastersystem ein
- Verwende die definierten Farben und Schriftarten konsistent
- Stelle sicher, dass alle Texte ausreichenden Kontrast aufweisen