Diretrizes de Marca
Sistema de design e identidade visual do Made
Logo
Cores dos Agentes
Cada agente tem uma identidade de cor única para reconhecimento instantâneo.
Milo
Creative Director
Zara
Community Manager
Remi
Content Producer
Lila
Distribution Manager
Gradientes dos Agentes
Planos de fundo em gradiente usados na página de destaque 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)
Cores da Marca
Cores principais usadas em toda a interface.
Made Dark
Plano de fundo primário
#0A0A0FMade Dark Secondary
Plano de fundo secundário
#1A1A2EMade Dark Accent
Plano de fundo de destaque
#16162AGradient Start
Gradiente primário
#6366F1Gradient End
Gradiente primário
#EC4899White
Texto e bordas
#FFFFFFTipografia
Fontes
Fonte Primária
System UI
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
Fonte Monoespaçada
Space Mono
Usada para elementos técnicos, exibição de dados e código
Escala Tipográfica
Componentes
Botões
Cards e Efeitos de Vidro
Card Padrão
bg-[#1A1A2E] with border
Card de Vidro
bg-white/5 backdrop-blur-lg
Vidro Escuro
bg-black/20 backdrop-blur-lg
Raio da Borda
Avatares dos Agentes
Representações visuais de cada agente de IA.
Milo
Zara
Remi
Lila
Escala de Espaçamento
Efeitos
Efeito de Brilho
box-shadow: 0 0 30px rgba(99, 102, 241, 0.6)
Escala no Hover
hover:scale-105 transition-transform
