05. LOGOMARCA SUMÁRIO 14. UNIVERSO VISUAL

Transcrição

1 GUIA DE MARCA

2 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.

3 SUMÁRIO 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 fotos 14. UNIVERSO VISUAL Cores Combinações de cores Tipografia

4 4 A 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.

5 5 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 FOTOS 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

6 6 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 FOTOS 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

7 7 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 FOTOS 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. Para utilizar essas versões, deve-se consultar o departamento responsável Utilizar os arquivos originais eletrônicos

8 8 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 FOTOS 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. Para utilizar essas versões, deve-se consultar o departamento responsável A versão monocromática dourada pode ser utilizada como hot stamping para um maior impacto. Utilizar os arquivos originais eletrônicos

9 9 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 FOTOS Á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.

10 10 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 FOTOS DIMENSÃO MÍNIMA 1 cm 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. 40 px 0,7 cm 28 px Para utilizar essas versões, deve-se consultar o departamento responsável

11 11 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 FOTOS O QUE NÃO FAZER Nunca quebrar a logomarca; 2. Nunca mudar a posição do símbolo; 3. Nunca utilizar apenas o nome Hinode sem o Grupo ; Nunca inverter a ordem da logomarca com o símbolo; 5. Nunca distorcer; 6. Nunca rotacionar; 7. Nunca trocar a tipografia da logomarca; Nunca utilizar opacidade ou efeitos; Nunca utilizar outra cor que não esteja definida no capítulo Logomarca GRUPOHINODE

12 12 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 FOTOS 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.

13 13 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 FOTOS 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%.

14 14 UNIVERSO VISUAL Um 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.

15 15 UNIVERSO VISUAL CORES COMBINAÇÕES DE CORES TIPOGRAFIA CORES Azul Escuro Primárias A escala Pantone na versão Coated (C) é referência para a escolha de cores por aproximação visual. Pantone 282 C C 100 M 85 Y 5 K 70 R 0 G 0 B 45 #00002D 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. É 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 Para um impacto maior, o dourado deve ser utilizado como Pantone metalizado ou substituído por hot stamping dourado.

16 16 UNIVERSO VISUAL CORES COMBINAÇÕES DE CORES TIPOGRAFIA CORES Azul Verde Verde Escuro Branco Secundárias A paleta secundária deve ser utilizada como apoio na confecção de materiais diversos. Pantone 3551 C C 100 M 0 Y 25 K 0 R 0 G 155 B 170 #009BAA Pantone 347 C C 100 M 0 Y 85 K 0 R 0 G 155 B 70 #009B46 Pantone 567 C C 100 M 55 Y 85 K 60 R 0 G 40 B 20 # K 0 R 255 G 255 B 255 #FFFFFF Sua utilização visa trazer variedade, sem comprometer a identidade da marca. Cinza Vermelho Vermelho Escuro Preto É fundamental que os valores especificados para as cores sejam sempre respeitados e que as cores da paleta primária predominem na comunicação visual. Pantone Warm Gray 1 C C 3 M 3 Y 6 K 7 R 255 G 220 B 213 #E1DCD5 Pantone 186 C C 0 M 100 Y 60 K 10 R 185 G 0 B 50 #B90032 Pantone 7645 C C 70 M 100 Y 45 K 55 R 55 G 0 B 20 # K 100 R 0 G 0 B 0 #000000

17 17 UNIVERSO VISUAL CORES COMBINAÇÕES DE CORES TIPOGRAFIA COMBINAÇÕES DE 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. 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. 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. 75% 75% É fundamental que os valores especificados para as cores sejam sempre respeitados e que as cores da paleta primária predominem na comunicação visual. 15% 15% 05% 05% 05% 05%

18 18 UNIVERSO VISUAL CORES COMBINAÇÕES DE CORES TIPOGRAFIA 80% COMBINAÇÕES DE CORES 80% Secundárias Combinação 03 Combinação 04 80% 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. 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. 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. 70% 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. Textos longos devem ser utilizados em branco para o fundo verde escuro. Textos longos devem ser utilizados em branco para o fundo vermelho escuro. Combinaçoes claras 70% 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. É fundamental que os valores especificados para as cores sejam sempre respeitados e que as cores da paleta primária predominem na comunicação visual. 75% 15% 75% 15% 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% 05% 05%

19 19 UNIVERSO VISUAL CORES COMBINAÇÕES DE CORES TIPOGRAFIA COMBINAÇÕES DE 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. 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 Vestibulum ut orci Vestibulum ut orci Vestibulum ut orci Vestibulum ut orci Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel, ornare placerat tellus. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel, ornare placerat tellus. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel, ornare placerat tellus. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel, ornare placerat tellus. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, convallis sed urna vel.

20 20 UNIVERSO VISUAL CORES COMBINAÇÕES DE CORES TIPOGRAFIA TIPOGRAFIA 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. AKTIV GROTESK EXTENDED LIGHT E BOLD Famí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.

21 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.