Guía de Marca
Sistema de diseño e identidad visual de Made
Logotipo
Colores de los Agentes
Cada agente tiene una identidad de color única para un reconocimiento instantáneo.
Milo
Creative Director
Zara
Community Manager
Remi
Content Producer
Lila
Distribution Manager
Degradados de los Agentes
Fondos degradados usados en la página de presentación de cada agente.
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)
Colores de Marca
Colores principales usados en toda la interfaz.
Made Dark
Fondo principal
#0A0A0FMade Dark Secondary
Fondo secundario
#1A1A2EMade Dark Accent
Fondo de acento
#16162AGradient Start
Degradado principal
#6366F1Gradient End
Degradado principal
#EC4899White
Texto y bordes
#FFFFFFTipografía
Fuentes
Fuente Principal
System UI
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
Fuente Monoespaciada
Space Mono
Se usa para elementos técnicos, visualización de datos y código
Escala Tipográfica
Componentes
Botones
Tarjetas y Efectos de Cristal
Tarjeta Estándar
bg-[#1A1A2E] with border
Tarjeta de Cristal
bg-white/5 backdrop-blur-lg
Cristal Oscuro
bg-black/20 backdrop-blur-lg
Radio de Borde
Avatares de los Agentes
Representaciones visuales de cada agente de IA.
Milo
Zara
Remi
Lila
Escala de Espaciado
Efectos
Efecto de Brillo
box-shadow: 0 0 30px rgba(99, 102, 241, 0.6)
Escala al Pasar el Cursor
hover:scale-105 transition-transform
