Upload
dodiep
View
246
Download
5
Embed Size (px)
Citation preview
Reunimos aqui as ideias que norteiam a marca - seu propósito e promessa -, os valores que orientam as pessoas e os traços de personalidade que fazem ela ser como é.Apresentamos sua identidade visual, detalhando os elementos que a compõe.
Sabemos que construir uma marca forte é um trabalho coletivo. Este manual busca orientar e inspirar todos aqueles que, cotidianamente, dão vida ao Grupo Hinode.
14. UNIVERSO VISUAL
CoresCombinações de coresTipografia
15. 17. 20.
05. LOGOMARCA
Versão de uso preferencialVersões de uso restritoÁrea de proteçãoDimensão mínimaO que não fazerAplicações sobre fundosAplicações sobre fotos
05. 07. 09.10.11. 12. 13.
SUMÁRIO
LOGOMARCAA logomarca é o principal elemento da identidade do Grupo Hinode. É fundamental observar as regras previstas neste manual para preservar sua integridade e legibilidade em qualquer situação.
4
VERSÃO DE USO PREFERENCIAL
Negativo
Esta versão deve ser aplicada sempre que possível, atentando-se ao uso em Pantone ou CMYK para mídia impressa e RGB para mídia digital.
Para mais detalhes sobre as cores, consulte o capítulo referente.
Utilizar os arquivos originais eletrônicos
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS5
VERSÃO DE USO PREFERENCIAL
Positivo
Esta versão é a principal para aplicação nos fundos branco e cinza da marca.
Utilizar os arquivos originais eletrônicos
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS6
VERSÕES DE USO RESTRITO
Horizontal
Para casos de dimensões restritas, pode-se utilizar essa versão horizontal para aproveitar melhor o espaço.
Utilizar os arquivos originais eletrônicos
Para utilizar essas versões, deve-se consultar o departamento responsável
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS7
VERSÕES DE USO RESTRITO
Monocromia
Para casos restritos, as únicas cores que podem ser utilizadas como versão monocromática são preferencialmente o azul escuro ou o dourado da marca. Em casos mais extremos, pode ser utilizado o preto ou branco.
A versão monocromática dourada pode ser utilizada como hot stamping para um maior impacto.
Utilizar os arquivos originais eletrônicos
Para utilizar essas versões, deve-se consultar o departamento responsável
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS8
ÁREA DE PROTEÇÃO
A proximidade a outros elementos pode reduzir o impacto visual da logomarca. Ao aplicar qualquer uma das versões, deve-se resguardar uma área de não interferência em torno da logomarca, equivalente à, no mínimo, altura e largura da letra H.
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS9
DIMENSÃO MÍNIMA
A legibilidade da logomarca depende da dimensão em que ela é aplicada. Para versões preferenciais, adota-se como dimensão mínima a altura de 1cm. Para a versão horizontal, 0,7cm conforme os exemplos ao lado.
Para utilizar essas versões, deve-se consultar o departamento responsável
1 cm
40 px
28 px
0,7 cm
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS10
O QUE NÃO FAZER
Nunca quebrar a logomarca;
Nunca mudar a posição do símbolo;
Nunca utilizar apenas o nome “Hinode” sem o “Grupo”;
Nunca inverter a ordem da logomarca com o símbolo;
Nunca distorcer;
Nunca rotacionar;
Nunca trocar a tipografia da logomarca;
Nunca utilizar opacidade ou efeitos;
Nunca utilizar outra cor que não esteja definida no capítulo Logomarca.
1.
2.
3.
4.
5.
6.
7.
8.
9.
1
4
7
2
5
8
3
6
9
GRUPOHINODE
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS11
APLICAÇÕES SOBRE FUNDOS
A logomarca só pode ser aplicada nos fundos das cores da marca. Menos no azul, verde e vermelho claro, pois prejudica a legibilidade do símbolo.
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS12
APLICAÇÕES SOBRE FOTOS
Para aplicação da marca sobre fotos, deve-se utilizar uma área de reserva com alguma cor da marca, em preferência azul escuro, cinza ou branco. Essa reserva deve ser simples, reta, sem angulações ou curvas. Essa massa de cor pode ser utilizada com opacidade 95%.
LOGOMARCA VERSÃO DE USO PREFERENCIAL | VERSÕES DE USO RESTRITO | ÁREA DE PROTEÇÃO | DIMENSÃO MÍNIMA | O QUE NÃO FAZER | APLICAÇÕES SOBRE FUNDOS | APLICAÇÕES SOBRE FOTOS13
UNIVERSO VISUALUm universo visual é composto por uma série de elementos, coerentes entre si, que contribuem para a construção de uma identidade consistente. Os elementos visuais de apoio complementam e dão suporte a essa identidade.
14
CORES
Primárias
A escala Pantone na versão Coated (C) é referência para a escolha de cores por aproximação visual.
As cores indicadas em CMYK são válidas para impressão em quadricromia. Para mídias eletrônicas, considerar as referências em RGB.
Azul Escuro
Pantone 282 C C 100 M 85 Y 5 K 70 R 0 G 0 B 45 #00002D
Para um impacto maior, o dourado deve ser utilizado como Pantone metalizado ou substituído por hot stamping dourado.
É fundamental que os valores especificados para as cores sejam sempre respeitados e que as cores da paleta primária predominem na comunicação visual.
Dourado
Pantone 8385 C C 30 M 40 Y 90 K 10 R 170 G 130 B 50 #AA8232
UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA15
CORES
Secundárias
A paleta secundária deve ser utilizada como apoio na confecção de materiais diversos.
Sua utilização visa trazer variedade, sem comprometer a identidade da marca.
Azul
Pantone 3551 C C 100 M 0 Y 25 K 0 R 0 G 155 B 170 #009BAA
Verde
Pantone 347 C C 100 M 0 Y 85 K 0 R 0 G 155 B 70 #009B46
Vermelho
Pantone 186 C C 0 M 100 Y 60 K 10 R 185 G 0 B 50 #B90032
Verde Escuro
Pantone 567 C C 100 M 55 Y 85 K 60 R 0 G 40 B 20 #002814
Vermelho Escuro
Pantone 7645 C C 70 M 100 Y 45 K 55 R 55 G 0 B 20 #370014
Cinza
Pantone Warm Gray 1 C C 3 M 3 Y 6 K 7 R 255 G 220 B 213 #E1DCD5
Preto
K 100 R 0 G 0 B 0 #000000
Branco
K 0 R 255 G 255 B 255 #FFFFFF
É fundamental que os valores especificados para as cores sejam sempre respeitados e que as cores da paleta primária predominem na comunicação visual.
UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA16
COMBINAÇÕESDE CORES
Primárias
São duas combinações possíveis que podem ser utilizadas. Dessa forma, mantemos sempre o azul escuro e o dourado como cores da marca, podendo utilizá-los com grande predominância para materiais que necessitem de fundos escuros ou em detalhes para materiais de fundos claros.
É fundamental que os valores especificados para as cores sejam sempre respeitados e que as cores da paleta primária predominem na comunicação visual.
O branco também é muito importante na comunicão pois traz leveza ao layout e deve se enquadrar na mesma proporção que o cinza claro.
Combinação 01 O azul escuro e o cinza/branco possuem maior presença por serem cores de fundo. O dourado e o azul claro devem entrar em detalhes, como tipografia e ícones.
Textos longos devem ser utilizados em branco para o fundo azul escuro.
05% 05%
15% 15%
75% 75%
05% 05%
Combinação 02 Em materiais que necessitem cores mais leves, o cinza/branco ganham protagonismo, enquanto o azul escuro passa a entrar em detalhes, assim como o dourado e azul claro.
Textos longos devem aparecer em preto no fundo cinza.
Quando necessário o uso do verde e vermelho para sinalização e avisos, eles podem ser adicionados a qualquer paleta, mas restritos apenas ao seu uso funcional, como esse caso.
UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA17
COMBINAÇÕESDE CORES
Secundárias Para peças que exijam maior diversidade de cores (como livretos, folderes, sites, livros, identidades de eventos etc.) contamos com as combinações secundárias, além das principais. Isso permite maior diversidade entre as aplicações.
Combinação 03 O verde escuro e o cinza possuem maior presença por serem cores de fundo. O dourado e o verde claro devem entrar em detalhes, como tipografia e ícones.
Textos longos devem ser utilizados em branco para o fundo verde escuro.
Combinação 04 O vermelho escuro e o cinza possuem maior presença por serem cores de fundo. O dourado e o vermelho devem entrar em detalhes, como tipografia e ícones.
Textos longos devem ser utilizados em branco para o fundo vermelho escuro.
Combinaçoes claras Importantes para peças com muito conteúdo, onde a variação de cores em fundos claros é necessária, como no caso desse guia.
05%05%
15%15%
75%
80%
10%
10%
70%
70%
80%
80%
10%
10%
10%
10%
10%
10%
10%
10%
10%
10%
75%
05%05%
É fundamental que os valores especificados para as cores sejam sempre respeitados e que as cores da paleta primária predominem na comunicação visual.
O branco também é muito importante na comunicão pois traz leveza ao layout e deve se enquadrar na mesma proporção que o cinza claro.
Quando necessário o uso do verde e vermelho para sinalização e avisos, eles podem ser adicionados a qualquer paleta, mas restritos apenas ao seu uso funcional, como esse caso.
UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA18
COMBINAÇÕESDE CORES
O que não fazer Para uma harmonia visual, é necessário respeitar as combinações já definidas, e não misturar outras cores em uma mesma seção do material. Ao lado, alguns exemplos de usos incorreto das cores.
Vestibulum ut orci Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel, ornare placerat tellus. Aliquam erat volutpat.
Vestibulum ut orci Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel, ornare placerat tellus. Aliquam erat volutpat.
Vestibulum ut orci Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel, ornare placerat tellus. Aliquam erat volutpat.
Vestibulum ut orci Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel, ornare placerat tellus. Aliquam erat volutpat.
01. Não utilizar duas cores claras na mesma paleta e o cinza como cor de texto.
02. Não misturar uma cor clara com outra cor escura (ex.: azul com verde escuro)
03. Não dar protagonismo para o dourado. Ele deve estar apenas nos detalhes.
04. Não utilizar textos dourados sobre as cores claras.
05. Não usar apenas duas cores com o mesmo peso.
Vestibulum ut orci Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel.
UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA19
TIPOGRAFIA AKTIV GROTESK EXTENDED LIGHT E BOLDFamília Open Sans Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet nisl ut arcu facilisis dapibus vitae eu mi. Mauris egestas volutpat neque, ac iaculis est auctor vel. Praesent ut scelerisque justo. Nam vulputate efficitur ullamcorper. Donec nec fermentum metus. Quisque bibendum ut nulla ac bibendum. Mauris eu posuere urna, eget vestibulum purus.
Para títulos e textos de destaque, a Aktiv Grotesk Extended é a fonte recomendada. Sempre deve ser aplicada sobre fundos que propiciem a legibilidade do texto.
O recomendado é a predominância do peso Light com a utilização do Bold para destacar algumas informações dos títulos.
As famílias de fontes podem ser licenciadas nos seguintes links:
Aktiv Grotesk Extended daltonmaag.com/library/aktiv-grotesk
Open Sans fonts.google.com/specimen/Open+Sans
Títulos Utilizamos a fonte Aktiv Grotesk Extended nos pesos Light e Bold sempre em caixa alta. Deve possuir, no mínimo, o dobro de pontos em relação aos textos corridos.
Entreletra +50
Entrelinha Igual ao tamanho da fonte. Ex.: fonte tamanho 42pt, entrelinha 42pt.
Subtítulos e textos corridos Utilizamos a família Open Sans, principalmente nos pesos Light e Bold e suas respectivas itálicas.
Entreletra +25
Entrelinha 8 pontos a mais que o tamanho da fonte. Ex.: fonte 22pt, entrelinha 30pt.
UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA20
22 de Dezembro 2016
Sempre consulte este manual ao utilizar a marca do Grupo Hinode. Para casos não citados aqui, fale com a área responsável pela gestão da marca. É importante salientar que o conteúdo deste manual é condifencial e de uso interno ou de fornecedores autorizados.
As fotos aqui veículadas são meramente ilustrativas e de propriedade de terceiros, titulares dos direitos autorais. Fica vedada, portanto, sua reprodução sem autorização da área responsável pela gestão da marca.