Você está na página 1de 21

GUIA DE M ARCA

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.
SUMÁRIO 05.
LOGOMARCA

05. Versão de uso preferencial


07. Versões de uso restrito
09. Área de proteção
10. Dimensão mínima
11. O que não fazer
12. Aplicações sobre fundos
13. Aplicações sobre fotos

14.
UNIVERSO VISUAL

15. Cores
17. Combinações de cores
20. Tipografia
4

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

A versão monocromática
dourada pode ser utilizada
Para utilizar essas versões, deve-se como hot stamping para
consultar o departamento responsável
um maior impacto.

Utilizar os arquivos
originais eletrônicos
9 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 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 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 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 40 px
como dimensão mínima a altura de
1cm. Para a versão horizontal, 0,7cm
conforme os exemplos ao lado.

0,7 cm

28 px

Para utilizar essas versões, deve-se


consultar o departamento responsável
11 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 FOTOS

O QUE 1 2 3

NÃO FAZER

1. Nunca quebrar a logomarca;

2. Nunca mudar a posição do símbolo;

3. Nunca utilizar apenas o nome “Hinode”


4 5 6
sem o “Grupo”;

4. Nunca inverter a ordem


da logomarca com o símbolo;

5. Nunca distorcer;

6. Nunca rotacionar;

7. Nunca trocar a tipografia da logomarca;

8. Nunca utilizar opacidade ou efeitos;


7 8 9
9. Nunca utilizar outra cor que
não esteja definida no capítulo
Logomarca.

GRUPOHINODE
12 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 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 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 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

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 UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA

CORES

Azul Escuro

Primárias Pantone 282 C


C 100 M 85 Y 5 K 70
A escala Pantone na versão Coated R 0 G 0 B 45
(C) é referência para a escolha de #00002D
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.

Dourado

É fundamental que os valores Pantone 8385 C Para um impacto maior, o dourado


especificados para as cores sejam C 30 M 40 Y 90 K 10 deve ser utilizado como Pantone
sempre respeitados e que as cores
da paleta primária predominem na R 170 G 130 B 50 metalizado ou substituído por
comunicação visual. #AA8232 hot stamping dourado.
16 UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA

CORES

Azul Verde Verde Escuro Branco

Secundárias Pantone 3551 C Pantone 347 C Pantone 567 C K0


C 100 M 0 Y 25 K 0 C 100 M 0 Y 85 K 0 C 100 M 55 Y 85 K 60 R 255 G 255 B 255
A paleta secundária deve ser R 0 G 155 B 170 R 0 G 155 B 70 R 0 G 40 B 20 #FFFFFF
utilizada como apoio na confecção #009BAA #009B46 #002814
de materiais diversos.

Sua utilização visa trazer


variedade, sem comprometer
a identidade da marca.

Cinza Vermelho Vermelho Escuro Preto

É fundamental que os valores Pantone Warm Gray 1 C Pantone 186 C Pantone 7645 C K 100
especificados para as cores sejam C3M3Y6K7 C 0 M 100 Y 60 K 10 C 70 M 100 Y 45 K 55 R0G0B0
sempre respeitados e que as cores
da paleta primária predominem na R 255 G 220 B 213 R 185 G 0 B 50 R 55 G 0 B 20 #000000
comunicação visual. #E1DCD5 #B90032 #370014
17 UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA

COMBINAÇÕES
DE CORES

Primárias Combinação 01 Combinação 02

São duas combinações possíveis que


O azul escuro e o cinza/branco Em materiais que necessitem
podem ser utilizadas. Dessa forma,
possuem maior presença cores mais leves, o
mantemos sempre o azul escuro
por serem cores de fundo. cinza/branco ganham
e o dourado como cores da marca,
O dourado e o azul claro protagonismo, enquanto
podendo utilizá-los com grande
devem entrar em detalhes, o azul escuro passa a entrar
predominância para materiais
como tipografia e ícones. em detalhes, assim como
que necessitem de fundos escuros
o dourado e azul claro.
ou em detalhes para materiais Textos longos devem ser
de fundos claros. utilizados em branco para Textos longos devem
o fundo azul escuro. aparecer em preto no
O branco também é muito importante na fundo cinza.
comunicão pois traz leveza ao layout e deve se
enquadrar na mesma proporção que o cinza claro.

75% 75%
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 15% 15%
comunicação visual.

05% 05%

05% 05%
18 UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA

80% 10% 10%

COMBINAÇÕES
DE CORES
80% 10% 10%

Secundárias Combinação 03 Combinação 04


80% 10% 10%

Para peças que exijam maior O verde escuro e o O vermelho escuro e o


diversidade de cores (como livretos, cinza possuem maior cinza possuem maior
folderes, sites, livros, identidades presença por serem cores presença por serem cores
de eventos etc.) contamos com as de fundo. O dourado de fundo. O dourado e o
70% 10% 10% 10%
combinações secundárias, além e o verde claro devem vermelho devem entrar em
das principais. Isso permite maior entrar em detalhes, como detalhes, como tipografia
diversidade entre as aplicações. tipografia e ícones. e ícones.

Textos longos devem ser Textos longos devem ser 70% 10% 10% 10%
utilizados em branco para utilizados em branco para
O branco também é muito importante na o fundo verde escuro. o fundo vermelho escuro.
comunicão pois traz leveza ao layout e deve se
enquadrar na mesma proporção que o cinza claro.
Combinaçoes claras
75% 75%
Quando necessário o uso do verde e vermelho para
sinalização e avisos, eles podem ser adicionados a Importantes para peças
qualquer paleta, mas restritos apenas ao seu uso
com muito conteúdo,
funcional, como esse caso.
onde a variação de cores
É fundamental que os valores especificados em fundos claros é necessária,
para as cores sejam sempre respeitados e que
15% 15%
como no caso desse guia.
as cores da paleta primária predominem na
comunicação visual.

05% 05%

05% 05%
19 UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA

COMBINAÇÕES
DE CORES

O que não fazer 01. 02. 03. 04. 05.


Não utilizar duas cores Não misturar uma cor clara Não dar protagonismo para Não utilizar textos Não usar apenas
Para uma harmonia visual, é claras na mesma paleta e com outra cor escura o dourado. Ele deve estar dourados sobre as duas cores com
necessário respeitar as combinações o cinza como cor de texto. (ex.: azul com verde escuro) apenas nos detalhes. cores claras. o mesmo peso.
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 Vestibulum ut orci Vestibulum ut orci Vestibulum ut orci Vestibulum ut orci

Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor
consectetur adipiscing elit. Donec consectetur adipiscing elit. Donec consectetur adipiscing elit. Donec consectetur adipiscing elit. Donec sit amet, consectetur
turpis est, convallis sed urna vel, turpis est, convallis sed urna vel, turpis est, convallis sed urna vel, turpis est, convallis sed urna vel, adipiscing elit. Donec
ornare placerat tellus. Aliquam ornare placerat tellus. Aliquam ornare placerat tellus. Aliquam ornare placerat tellus. Aliquam turpis est, convallis sed
erat volutpat. erat volutpat. erat volutpat. erat volutpat. urna vel.
20 UNIVERSO VISUAL CORES | COMBINAÇÕES DE CORES | TIPOGRAFIA

TIPOGRAFIA
AKTIV
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
GROTESK
Para títulos e textos de destaque,
a Aktiv Grotesk Extended é a fonte
aos textos corridos.

Entreletra +50
EXTENDED
recomendada. Sempre deve ser
aplicada sobre fundos que propiciem
a legibilidade do texto.
Entrelinha Igual ao tamanho da fonte.
Ex.: fonte tamanho 42pt, entrelinha 42pt.
LIGHT E BOLD
O recomendado é a predominância
do peso Light com a utilização do Bold Família Open Sans
para destacar algumas informações
Lorem ipsum dolor sit amet, consectetur
dos títulos.
adipiscing elit. Phasellus sit amet nisl ut arcu
As famílias de fontes podem ser facilisis dapibus vitae eu mi. Mauris egestas
licenciadas nos seguintes links: Subtítulos e textos corridos
volutpat neque, ac iaculis est auctor vel.
Utilizamos a família Open Sans,
principalmente nos pesos Light
Praesent ut scelerisque justo. Nam vulputate
Aktiv Grotesk Extended e Bold e suas respectivas itálicas. efficitur ullamcorper. Donec nec fermentum
daltonmaag.com/library/aktiv-grotesk metus. Quisque bibendum ut nulla ac
Entreletra +25
Open Sans bibendum. Mauris eu posuere urna, eget
Entrelinha 8 pontos a mais que o tamanho
fonts.google.com/specimen/Open+Sans da fonte. Ex.: fonte 22pt, entrelinha 30pt. vestibulum purus.
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.

Você também pode gostar