Charte graphique
Système de design et identité visuelle de Made
Logo
Couleurs des agents
Chaque agent a une identité de couleur unique pour une reconnaissance instantanée.
Milo
Creative Director
Zara
Community Manager
Remi
Content Producer
Lila
Distribution Manager
Dégradés des agents
Dégradés de fond utilisés sur la page de présentation de chaque agent.
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)
Couleurs de la marque
Couleurs principales utilisées dans toute l'interface.
Made Dark
Fond principal
#0A0A0FMade Dark Secondary
Fond secondaire
#1A1A2EMade Dark Accent
Fond d'accent
#16162AGradient Start
Dégradé principal
#6366F1Gradient End
Dégradé principal
#EC4899White
Texte et bordures
#FFFFFFTypographie
Polices
Police principale
System UI
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
Police monospace
Space Mono
Utilisée pour les éléments techniques, les affichages de données et le code
Échelle typographique
Composants
Boutons
Cartes et effets de verre
Carte standard
bg-[#1A1A2E] with border
Carte en verre
bg-white/5 backdrop-blur-lg
Verre sombre
bg-black/20 backdrop-blur-lg
Rayon de bordure
Avatars des agents
Représentations visuelles de chaque agent IA.
Milo
Zara
Remi
Lila
Échelle d'espacement
Effets
Effet de lueur
box-shadow: 0 0 30px rgba(99, 102, 241, 0.6)
Échelle au survol
hover:scale-105 transition-transform
