guia de marca - revenderprodutos.com · vermelho escuro pantone 7645 c c 70 m 100 y 45 k 55 r 55 g...

21
GUIA DE MARCA

Upload: ngoxuyen

Post on 25-Nov-2018

215 views

Category:

Documents


0 download

TRANSCRIPT

GUIA DE MARCA

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.