Dividimos as cores do universo da marca em quatro categorias com características de uso distintas:
Esses são os três sentimentos primordiais das principais. Toda a comunicação da brain4care nasce desses sentimentos. O que buscamos é a rápida conexão com nosso cliente, representando nosso produto de forma que transmita tranquilidade e autoridade de conhecimento de causa. Tudo que a brain4care busca está no universo das principais. Por isso, a comunicação da brain4care precisa ser mais de 70% coberta por elas. Isso inclui:
Verde principal (símbolo)
Pantone© 3262 C
C69 M0 Y53 K0
R0 G215 B164
#00D7A4
Azul principal (símbolo)
Pantone© Process Blue C
C100 M13 Y1 K2
R0 G133 B202
#0085CA
Azul-escuro principal
Pantone© Reflex Blue C
C100 M89 Y0 K33
R1 G33 B105
#012169
As três mais: é a partir das principais que combinamos às demais cores da paleta da brain4care. Sempre distribuir da forma mais equânime as três cores na comunicação. Cada uma representa um elemento de nossa identidade:
Fundos (prioridade 1): sempre priorizar os fundos em branco e azul-escuro principal. Dessa forma a conexão emocional com a marca será imediata.
Fundos chapados (prioridade 2): permitido o uso das cores principais como opção de fundo. Dessa forma a conexão emocional com a marca será imediata. Sempre se atente à cor do texto que contraste melhor com os fundos.
Fundos degradês (prioridade 2): permitido o uso do degradê oficial (azul principal – símbolo ao verde principal – símbolo) e degradê de uma das cores principais para o branco como opção de fundo. Sempre se atente à cor do texto que contraste melhor com os fundos. Legibilidade em primeiro lugar sempre! Não é permitido o uso do degradê oficial invertido em fundos.
Fundos chapados (prioridade 3): permitido o uso do preto apoio e do cinza-escuro secundário como opções de fundo caso não haja a possibilidade de aplicar nenhum dos fundos acima citados. Usar texto no branco nesta opção.
Fundos especiais: permitido o uso das cores de apoio como opção de fundo em casos específicos, como eventos, datas comemorativas, materiais de endomarketing, entre outros (ex.: Dia da Mulher). Dessa forma a conexão emocional com a marca será imediata. Sempre se atente à cor do texto que contraste melhor com os fundos.
Títulos/subtítulos/textos: veja na seção Tipologia > Cores as regras completas de uso das principais nos textos. Segue o resumo do uso ao lado.
ou no verde principal.
Subtítulo no azul-escuro principal ou branco.
Corpo do texto em cinza ou branco dependendo do contraste em relação ao fundo. Pode também usar o azul principal (símbolo) em textos corridos.
Textos prioritários no azul-escuro principal (prioridade 1) ou cinza-escuro secundário (prioridade 2) dependendo do contraste em relação ao fundo.
Criando o degradê: evolução do azul principal (símbolo) ao verde principal (símbolo), da esquerda para a direita, mantendo igualdade na divisão das duas cores. O ângulo do degradê não poderá ser alterado.
Azul principal (símbolo):
Pantone© Process Blue C • C100 M13 Y1 K2 R0 G133 B202 • #0085CA
Verde principal (símbolo):
Pantone© 3262 C • C69 M0 Y53 K0 • R0 G215 B164 • #00D7A4
Títulos: sempre utilizar o degradê oficial acima e, preferencialmente, em fundo branco. Em situações nas quais o uso do degradê não seja possível, substituir pelo verde principal (símbolo). Veja mais regras do uso do degradê em títulos em Tipologia > Cores.
verde principal. (símbolo)
Verde principal (símbolo):
Pantone© 3262 C • C69 M0 Y53 K0 • R0 G215 B164 • #00D7A4
Esses são os três principais aspectos das secundárias. Elas dão estrutura à arte, deixando as principais em primeiro plano. Austeras, elegantes e sofisticadas, as secundárias podem ser usadas em várias ocasiões:
Cinza-escuro secundário
Pantone© Cool Gray 10 C
C40 M30 Y20 K66
R82 G86 B94
#52565E
Cinza-médio secundário
Pantone© Cool Gray 6 C
C16 M11 Y11 K27
R166 G169 B171
#A6A9AB
Cinza-claro secundário
Pantone© Cool Gray 1 C
C4 M2 Y4 K8
R224 G226 B224
#E0E2E0
Azul secundário
Pantone© 280 C
C100 M100 Y6 K60
R44 G39 B82
#2C2752
Os tons de cinza: chegam para dar um descanso visual às cores da marca. Cor neutra, ele suaviza a comunicação dando espaço para o que deve ter destaque. Os tons de cinza das secundárias devem ser prioritários aos demais da paleta total, sempre escolhidos de acordo com a leitura e contraste em relação às outras cores usadas nas artes e nos fundos.
a. cinza-escuro secundário:
Cinza-escuro secundário:
Pantone© Cool Gray 10 C • C40 M30 Y20 K66 R82 G86 B94 • #52565E
b. o cinza-médio secundário: priorize, das principais, o contraste com o azul principal (símbolo) e o azul-escuro principal. Evite o verde principal (símbolo), pois pode causar desconforto visual.
Cinza-médio secundário:
Pantone© Cool Gray 6 C • C16 M11 Y11 K27 • R166 G169 B171 • #A6A9AB
c. o cinza-claro secundário: pode ser usado livremente porque ele não compete visualmente com nenhuma das principais.
Cinza-claro secundário:
Pantone© Cool Gray 1 C • C4 M2 Y4 K8 • R224 G226 B224 • #E0E2E0
O azul secundário: ele chega para ser usado tanto tom sobre tom com o azul-escuro principal como para deixar um pouco mais “quente” o tom de azul na comunicação.
o azul secundário: tom sobre tom, como uma marca-d’água, esse azul se encaixa bem juntamente com o azul-escuro principal.
Azul secundário:
Pantone© 280 C • C100 M100 Y6 K60 • R44 G39 B82 • #2C2752
Títulos/subtítulos/textos: veja na seção Tipologia > Cores as regras completas de uso das cores nos textos. Segue o resumo do uso ao lado.
Corpo do texto em cinza ou branco dependendo do contraste em relação ao fundo. Pode também usar o azul principal (símbolo) em textos corridos.
Textos prioritários no azul-escuro principal (prioridade 1) ou cinza-escuro secundário (prioridade 2) dependendo do contraste em relação ao fundo.
As de apoio podem ser usadas de forma bem livre, respeitando as regras das principais, ou seja, nunca serão as cores de maior evidência, porém terão seu devido espaço na comunicação da brain4care. Alguns exemplos de uso:
O preto: essa cor deve ser usada sempre com muita cautela. Em situações que necessitem cores escuras, sempre priorize as cores principais e secundárias antes.
o preto apoio: tom sobre tom, como uma marca-d’água, esse preto se encaixa bem junto aos cinza-escuros.
Preto apoio:
Pantone© 426 C • C0 M0 Y0 K100 • R40 G40 B41 • #282829
Os tons de cinza: nas de apoio, a paleta de cinza aumenta consideravelmente. Assim como os azuis, os cinza podem ser usados tom sobre tom e também de acordo com a legibilidade das informações no layout (Obs.: sempre priorizar os cinza das secundárias antes).
a. os cinza-escuros: quando for usar o texto em branco, esses tons são ótimas opções para contrastar com o fundo. Sempre usar o tom que mais der contraste com o texto.
Cinza-escuro apoio 1:
Pantone© Cool Gray 11 C • C0 M0 Y0 K92 • R66 G69 B76 • #42454C
Cinza-escuro apoio 2:
Pantone© Cool Gray 9 C • C0 M0 Y0 K75 • R102 G106 B112 • #666A70
Cinza-escuro apoio 3:
Pantone© Cool Gray 8 C • C0 M0 Y0 K62 • R125 G130 B135 • #7D8287
Cinza-escuro apoio 4:
Pantone© Cool Gray 7 C • C0 M0 Y0 K52 • R139 G142 B146 • #8B8E92
b. os cinza-médios e claros: nesses tons de cinza, o branco não é uma boa opção para texto. Use esses tons mais para fundos e detalhes de gráficos.
Cinza-médio apoio 1:
Pantone© Cool Gray 5 C • C0 M0 Y0 K39 • R171 G173 B174 • #ABADAE
Cinza-médio apoio 2:
Pantone© Cool Gray 4 C • C0 M0 Y0 K34 • R179 G183 B184 • #B3B7B8
Cinza-médio apoio 3:
Pantone© Cool Gray 3 C • C0 M0 Y0 K25 • R200 G202 B201 • #C8CAC9
Cinza-claro apoio 1:
Pantone© Cool Gray 2 C • C0 M0 Y0 K17 • R215 G217 B215 • #D7D9D7
Cinza-claro apoio 2:
Pantone© 7541 C • C0 M0 Y0 K9 • R232 G234 B232 • #E8EAE8
As coloridas: as cores que darão tom de voz à comunicação estão aqui. É a partir delas que representamos as informações que devem ser lidas com atenção. Em detalhes, botões, o uso é livre de acordo com a proposta visual. Lembrando que as coloridas complementam a arte, porém não são o foco principal. (Obs.: as principais sempre representam 70% da arte total da comunicação).
Turquesa apoio:
Pantone© 326 C • C75 M7 Y44 K0 • R57 G176 B164 • #39B0A4
Azul apoio:
Pantone© 306 C • C71 M1 Y1 K0 • R9 G190 B237 • #09BEED
Índigo apoio:
Pantone© 7455 C • C73 M66 Y0 K0 • R102 G102 B255 • #6666FF
Roxo apoio:
Pantone© 2593 C • C62 M100 Y14 K3 • R130 G41 B132 • #822984
Rosa apoio:
Pantone© Hexachrome Magenta C • C2 M100 Y13 K0 • R236 G0 B128 • #EC0080
Cores “expressivas”: para o fácil entendimento, cinco cores foram definidas para conteúdos que merecem foco do olhar. Pode-se usar as cores expressivas em várias situações (textos destacados, botões, pequenos boxes de conteúdo importante etc.):
a. atenção (prioridade 1): a cor amarelo-alerta expressão será usada.
Amarelo-alerta expressão:
Pantone© 116 C • C0 M14 Y100 K0 • R255 G205 B0 • #FFCD00
b. atenção (prioridade 2): a cor laranja-atenção expressão será usada.
Laranja-atenção expressão:
Pantone© 1505 C • C0 M62 Y100 K0 • R245 G130 B31 • #F5821F
c. perigo: a cor vermelho-perigo expressão será usada.
Vermelho-perigo expressão:
Pantone© 1785 C • C0 M91 Y78 K0 • R239 G74 B75 • #EF4A4B
d. sucesso: a cor verde-sucesso expressão será usada.
Verde-sucesso expressão:
Pantone© 367 C • C53 M4 Y100 K0 • R139 G191 B75 • #8BBF4B
e. confirmação: a cor verde-confirmação expressão será usada.
Verde-confirmação expressão:
Pantone© 361 C • C77 M0 Y100 K0 • R67 G176 B42 • #43B02A
