Paleta de Cores para Dataviz no Animalia Design System
01
Resumo
Um sistema de cores para visualização de dados (dataviz) em um Design System multimarca robusto e agnóstico.
O projeto tinha o propósito de melhorar a clareza e a legibilidade dos dados, considerando as melhores práticas de mercado sob o tema, otimizando a rotina dos designers e a interpretação das pessoas usuárias.
02
Desafios
Foi preciso atender aos critérios de acessibilidade da WCAG sem comprometer o padrão visual das marcas que faziam uso do Animalia, equilibrando contraste e estética.
O sistema de cores deveria ser versátil para cobrir diferentes tipos de gráficos e dados. Foi desafiador criar variações (tanto em temas quanto quantidade) que fossem coerentes e intuitivas.
A implementação precisava ser escalável para garantir a adoção, além de facilitada para manutenção, portanto também houve um esforço para integrar as cores na biblioteca.
03
Resultado
Criadas 3 tipos de paletas: categóricas, sequenciais e divergentes tanto nos modos claro e escuro (light and dark).
Definidas e documentadas as regras de uso e boas práticas, servindo como um guia para a companhia aplicar as cores de forma consistente e eficaz.
Implementada toda a paleta na biblioteca de componentes do Figma via variables, variando entre marcas sem perder qualidade e consistência.
