Markenrichtlinien
Designsystem und visuelle Identität für Made
Logo
Agenten-Farben
Jeder Agent hat eine einzigartige Farbidentität für sofortiges Wiedererkennen.
Milo
Creative Director
Zara
Community Manager
Remi
Content Producer
Lila
Distribution Manager
Agenten-Verläufe
Verlaufshintergründe auf der Showcase-Seite jedes Agenten.
Milo
linear-gradient(to bottom right, #1e3a8a, #1e40af, #000000)
Zara
linear-gradient(to top left, #F29B28, #FEDB4D)
Remi
linear-gradient(to bottom right, #581c87, #6b21a8, #000000)
Lila
linear-gradient(to bottom right, #7f1d1d, #991b1b, #000000)
Markenfarben
Kernfarben, die in der gesamten Oberfläche verwendet werden.
Made Dark
Primärer Hintergrund
#0A0A0FMade Dark Secondary
Sekundärer Hintergrund
#1A1A2EMade Dark Accent
Akzent-Hintergrund
#16162AGradient Start
Primärer Verlauf
#6366F1Gradient End
Primärer Verlauf
#EC4899White
Text & Rahmen
#FFFFFFTypografie
Schriftarten
Primäre Schriftart
System UI
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
Monospace-Schriftart
Space Mono
Wird für technische Elemente, Datenanzeigen und Code verwendet
Schriftskala
Komponenten
Buttons
Cards & Glaseffekte
Standard-Card
bg-[#1A1A2E] with border
Glass-Card
bg-white/5 backdrop-blur-lg
Dunkles Glas
bg-black/20 backdrop-blur-lg
Eckenradius
Agenten-Avatare
Visuelle Darstellungen jedes KI-Agenten.
Milo
Zara
Remi
Lila
Abstandsskala
Effekte
Glüheffekt
box-shadow: 0 0 30px rgba(99, 102, 241, 0.6)
Hover-Skalierung
hover:scale-105 transition-transform
