Paleta de cores

Nossa paleta de cores é vibrante, porém moderna. Ela é inspirada nas últimas novidades em visualização de dados e a variedade de cores permite a diferenciação entre produtos, ao mesmo tempo em que se concentra na legibilidade.

As seguintes paletas são inspiradas no desenho de formigas. Se você quiser adicionar uma nova cor, selecione uma das paletas de cores Ant Design ou use a ferramenta de geração de paletas e submeta-a para aprovação.

Que valor de cor você usa?

Há três valores diferentes para cada cor: HEX, RGBA, e CMYK. Ao trabalhar no espaço digital, use sempre os valores de HEX ou RGBA. Use CMYK somente para projetos que devem ser impressos.

01 Cores da marca

02 Cores secundárias

Nossas cores secundárias são uma expansão em nossas cores funcionais tipicamente utilizadas para temas monocromáticos.

03 Cores neutras

As cores neutras são usadas para textos, estados silenciados e fundos.

04 casos de uso

As paletas de cores podem ser usadas para dar vida aos projetos. Ao escolher sua paleta para um projeto, há dois métodos para escolher: temas de marca e monocromáticos.

Tema da marca

Ao trabalhar com nosso tema de marca, mantenha-se dentro de nossas cores centrais de marca com um respingo de cores secundárias. Este tema enfatiza a confiança e a simplicidade e é tipicamente usado para páginas ou conteúdos focados na missão e cultura da empresa.

página inicial mais sábia
wiser blue - 6 | wiser blue - 2 | Wiser Orange - 6

blog página inicial
azul mais sábio - 6 | azul mais sábio - 1 | branco

Tema monocromático

Nossos temas monocromáticos são usados para dar vida ao nosso design moderno e enfatizar tópicos específicos relevantes sobre nós nossos negócios, tais como produtos, personas ou liderança de pensamento.

preços dinâmicos página do produto
geek blue - 2 | geek blue - 6 | geek blue - 10

página de caso de uso de preços
vermelho pó - 1 | vermelho pó - 6 | vermelho pó - 10