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.

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

Condomínios (BU)

A paleta de cores para a BU Condomínios foi desenvolvida para diferenciação e consistência na identidade visual da Superlógica dentro deste segmento.

Ela é composta por tons principais (200, 400, 600 e 800), que garantem flexibilidade de aplicação em diferentes níveis de contraste e hierarquia. Além disso, conta com variações de gradientes (Light, Medium e Dark), que podem ser utilizadas para trazer profundidade, destaque e dinamismo nos layouts.

A paleta de Condomínios, pode ser utilizada acrescentando as cores Sonic 400, 500 e 600 da paleta Institucional.

Condo 200
Hex#ACD9FA
Pantone2717 C
Condo 400
Hex#587DF4
Condo 600
Hex#0E27C0
Condo 800
Hex#0A0A50

Condo gradientes

GRAD-CONDO-LIGHT
Sonic 50
HEX#AAF0FF
Condo 200
HEX#ACD9FA
GRAD-CONDO-MEDIUM
Sonic 300
HEX#6F95F5
Condo 400
HEX#587DF4
Sonic 400
HEX#3D5CF5
Sonic 500
HEX#1034F2
GRAD-CONDO-DARK
Sonic 500
HEX#1034F2
Condo 600
HEX#0E27C0
Condo 800
HEX#0A0A50

Imobi (BU)

Sua cor principal é a Imobi-500, que representa a essência da marca e deve ser utilizada como referência principal em composições visuais. Os demais tons (100 a 700) funcionam como variações de apoio, oferecendo diferentes níveis de contraste e flexibilidade no uso, dos elementos de destaque até fundos e áreas de suporte.

Imobi 500
Hex#4C0297
PantoneViolet c
Imobi 100
Hex#E7EBF7
Imobi 200
Hex#E3E3FF
Imobi 300
Hex#886DF5
Imobi 400
Hex#451EB9
Imobi 600
Hex#1F004C

Imobi Complementar

A paleta de cores complementares (Imobi-comp 1 a 5) adiciona dinamismo e versatilidade. Ela é indicada para criar pontos de atenção em gráficos, campanhas, ilustrações e elementos interativos, sempre de forma equilibrada para manter consistência, acessibilidade e impacto visual.

imobi-comp-1
Hex#4460EF
imobi-comp-2
Hex#86F5F5
imobi-comp-3
Hex#15FFB7
imobi-comp-4
Hex#FFC02A
imobi-comp-5
Hex#E82090

Imobi Gradientes

Os gradientes Imobi expandem a identidade visual do segmento de imobiliárias.

Disponíveis em três versões, Light, Medium e Dark, eles podem ser utilizados para criar composições, destacar seções estratégicas e reforçar a sensação de fluidez.

Cada nível oferece um equilíbrio próprio entre luminosidade e contraste, permitindo adaptações harmoniosas para diferentes contextos e níveis de hierarquia visual.

GRAD-IMOBI-LIGHT
HEX#D0D8F9
HEX#DCE0FC
Imobi 200
HEX#E3E3FF
HEX#E4D3F4
GRAD-imobi-MEDIUM
HEX#B9ACFA
HEX#C1B7FB
HEX#CECBFD
HEX#B3BBFB
GRAD-imobi-DARK
Sonic 500
HEX#1034F2
Imobi 500
HEX#4C0297

Paletas complementares

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

Paleta Lima

A paleta Lima possui cor 500 como tom principal. Suas variações (300 e 700) ampliam o contraste e devem ser usadas para destacar elementos específicos em equilíbrio com as cores principais da marca.

Lima 500
Hex#DDFF00
Pantone380C
Lima 300
Hex#F3FFA4
Lima 700
Hex#C7E600

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

Não utilize a paleta Lima em excesso. Ela deve ser aplicada apenas em elementos de destaque.

Não utilize a paleta Lima em excesso. Ela deve ser aplicada apenas em elementos de destaque.

Não modifique ou crie novos tons fora das paletas definidas.

Não modifique ou crie novos tons fora das paletas definidas.