Cores

As cores são centrais na comunicação da Superlógica Institucional e suas marcas. As paletas abaixo estão divididas em dois sistemas diferentes: HEX para uso em telas e CMYK para impressão.

Institucional

Temos uma cor para chamar de nossa e ser reconhecida como Superlógica. A paleta é composta pela cor primária (500) e dois tons de apoio (400 e 600), que são de uso principal. Também temos os tons complementares (50, 100, 200 e 300) que são de uso secundário.

É importante que as cores reforcem a mensagem que você deseja transmitir, sem que o layout seja colorido demais. Para isso, é indicada uma presença maior dos tons neutros das Paletas Complementares, em especial o "Babar 0" (branco). Os tons adicionais de azul, que derivam da paleta institucional, jamais devem ser usados como protagonistas.

Sonic 500
Hex#1034F2
Pantone293 C
Sonic 400
Hex#3D5CF5
Sonic 600
Hex#1A22DC
Sonic 50
Hex#AAF0FF
Sonic 100
Hex#2FD3F6
Sonic 200
Hex#35B6FF
Sonic 300
Hex#6F95F5

Paletas complementares

Para apoio na composição e profundidade do layout, duas paletas complementares foram adicionadas. Sendo assim, não devem ser usadas como cores primárias.

Paleta Babar

Paleta de cores neutras frias.

Babar 0
Hex#FFFFFF
Babar 25
Hex#F9F9FB
Babar 50
Hex#F3F4F7
Babar 75
Hex#EDEFF2
Babar 100
Hex#DBDFE5
Babar 200
Hex#C1CAD6
Babar 300
Hex#AAB5C4
Babar 400
Hex#92A0B5
Babar 500
Hex#7789A3
Babar 600
Hex#637792
Babar 700
Hex#536379
Babar 800
Hex#424F60
Babar 900
Hex#323B49
Babar 1000
Hex#1C1F24

Paleta Trooper

Paleta de cores neutras quentes.

Trooper 0
Hex#FAF9F6
Trooper 25
Hex#F1F0EE
Trooper 50
Hex#E7E5E1
Trooper 75
Hex#DCD9D4
Trooper 100
Hex#D1CDC6
Trooper 200
Hex#C6C1B9
Trooper 300
Hex#BBB6AC
Trooper 400
Hex#B0AA9E
Trooper 500
Hex#A59E91
Trooper 600
Hex#79746A
Trooper 700
Hex#635F57
Trooper 800
Hex#4D4A44
Trooper 900
Hex#373530
Trooper 1000
Hex#21201D

Usos incorretos

Com objetivo de estabelecer um senso de consistência e reconhecimento em todo e qualquer uso na identidade visual, você deve evitar as situações abaixo no uso das paletas de cores.

Não use paletas de um produto para outro

Não use paletas de um produto para outro

Não combine paletas (exceção às Complementares))

Não combine paletas (exceção às Complementares)

Não use paletas de níveis 2, 3 e 4 para comunicação institucional

Não use paletas de níveis 2, 3 e 4 para comunicação institucional

Não combine cores que tragam pouco contraste

Não combine cores que tragam pouco contraste