Design System In Company
Share
Explore
Design System

icon picker
Paleta de Cores

Direcionamentos Gerais

A paleta principal será composta de preto, branco e azul. As cores secundárias (amarelo, laranja e variações de azul) serão usadas para destaques e/ou detalhes.

⚠️ Atenção: Embora o azul seja uma das cores principais, atentar para seu uso em materiais que demandam muito tempo de leitura, neste caso dar preferência para preto e branco.

🚨 Exceção: Para LPs ou materiais com maior quantidade de texto, o branco pode ser substituído pelo cinza claro (off white).

Códigos das Cores
0
Prancheta 10 cópia 4.png
Azul principal
Hexadecimal
#0032ff
RGB
0 50 255
CMYK
90 70 0 0
Prancheta 10 cópia 5.png
Azul secundário [claro]
Hexadecimal
#6e8bf9
RGB
110 139 249
CMYK
64 46 0 0
Prancheta 10 cópia 3.png
Azul secundário [escuro]
Hexadecimal
#232d50
RGB
35 45 80
CMYK
96 84 38 37
Prancheta 10 cópia 6.png
Amarelo
Hexadecimal
#ffff00
RGB
255 255 0
CMYK
10 0 95 0
Prancheta 10 cópia 7.png
Laranja
Hexadecimal
#f99a00
RGB
249 154 0
CMYK
0 47 95 0
Prancheta 10.png
Off White
Hexadecimal
#eaeaea
RGB
234 234 234
CMYK
10 07 08 0
Prancheta 10 cópia 2.png
Preto
Hexadecimal
#000000
RGB
0 0 0
CMYK
0 0 0 100
Prancheta 10 cópia.png
Branco
Hexadecimal
#ffffff
RGB
255 255 255
CMYK
0 0 0 0

Proporção de Cores

A proporção de cores deverá seguir a média de 80% de cores principais e até 20% das secundárias.

Captura de Tela 2023-03-16 às 09.01.53.png

Contraste

O uso das cores é pensado de forma a ressaltar o constraste para a leitura. É importante nunca aplicar a marca sobre fundos (ainda que respeitem as cores da paleta) que não possuam contraste suficiente para visualização e legibilidade.
✅ Recomendado

pos.png

❌ Não recomendado

neg.png


Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.