Cores.
Nossa paleta dinâmica: do Laranja Energético à profundidade do Roxo Criativo.
As cores da Mandalla são ferramentas de comunicação emocional e técnica. Nosso sistema é baseado em escalas de luminosidade que permitem flexibilidade total, garantindo sempre acessibilidade e alto impacto visual.
Laranja Coral
Ação & EnergiaO **Laranja Coral (Terra Quente)** simboliza energia, transformação e ação social. É a cor que impulsiona o movimento regenerativo e a força da comunidade em territórios brasileiros.
Roxo Soft
Criatividade & AlquimiaO **Roxo Soft (Violeta)** simboliza inteligência, inovação e imaginação estratégica. É a cor da comunicação que conecta pensamentos complexos a soluções sensíveis.
Turquesa
Equilíbrio & ImpactoO **Turquesa (Verde Água)** simboliza a natureza, o equilíbrio e a regeneração. É a cor que acalma, cura e restaura a integridade dos ecossistemas e territórios.
Neutros
Estrutura & WireframeA escala de Cinzas (Grayscale) é essencial para a infraestrutura das nossas páginas. Eles constroem a fundação limpa do "Wireframe" do Lab (bordas pretas, fundos técnicos), permitindo que o foco permaneça na informação enquanto garante organização e hierarquia tipográfica sólida.
Acessibilidade (WCAG)
Garantimos o contraste mínimo de 4.5:1 para leitura.
Texto Branco: Usar apenas sobre passos 70 a 100.
Texto Preto: Usar sobre passos 10 a 50.
Gradientes Dinâmicos
Transições entre o tom vibrante (70) e o puro (100) criam profundidade.
Combinações a evitar
As seguintes combinações de cores foram eliminadas das famílias base e devem ser evitadas, a menos que seja necessário para aplicações específicas, como visualização de dados.
Evite empilhar blocos sólidos de Laranja Coral diretamente com Roxo Soft ou Turquesa. A alta saturação causa "vibração visual" (fadiga).
Evite o contato direto entre Roxo Soft e Turquesa do mesmo passo (luminosidade), pois gera baixo contraste direcional. Use sempre separadores neutros.
Gradientes sobre Imagens
A Mandalla possui diretrizes restritas para a aplicação de sobreposições (overlays) coloridas em fotos para o universo corporativo e de comunicação nas mídias digitais. Nosso foco é manter as cenas fiéis ao mundo real, evitando aparências fantasmagóricas ou invasão de luzes falsas no ambiente observável.
A Evitar: Aplicar gradientes de cores saturadas sobre rostos, corpos, ambientes e paisagens reais, criando focos de "luz irreal" ou aspecto fantasmagórico.
Recomendado: Quando for necessário ler textos sobre fotos, use a técnica do respiro: gradientes sutis do Preto puro (`#000000`) para o alfanumérico (`rgba(0,0,0,0)`). Isso emula sombras encontradas no mundo real.
Recursos
Acesse rapidamente nossos arquivos técnicos. No Figma, está a biblioteca viva de design system da Mandalla. No repositório de edição (Illustrator), disponibilizamos o acervo completo e editável dos guias de estilo de todos os clientes da agência para iniciar e nortear novos projetos.
