Fevereiro/2019
HECTOR HUGO MANUAL DE IDENTIDADE VISUAL Normas e Padrões de Utilização
Sumário
Apresentação ................................................................................... 03 Criação da Identidade Visual ...................................................... 04 Conceitos ............................................................................................. 05 Apresentação da Identidade Visual ........................................... 07 Versão Preferencial 1 ........................................................................ 07 Versão Preferencial 2 ....................................................................... 08 Versão Negativa Preferencial 1 ..................................................... 09 Versão Negativa Preferencial 2 ..................................................... 10 Versões Monocromáticas Para Fundo Claro .............................. 11 Versões Monocromáticas Para Fundo Escuro ............................ 12 Versão Horizontal 1 e 2 ..................................................................... 13 Versão Negativa Horizontal 1 e 2 ................................................... 14 Versões Monocromáticas Para Fundo Claro .............................. 15 Versões Monocromáticas Para Fundo Escuro ............................ 16 Utilização do Simbolo - Versões Preferenciais ............................ 17 Utilização do Simbolo - Versões Monocromáticas ..................... 18
Detalhamento Técnico ...................................................................... 19 Malha de Proporções da Versão Preferencial ............................. 19 Malha de Proporções da Versão Horizontal .............................. 20 Construção do simbolo ....................................................................... 21 Área de não interferência ................................................................. 22 Padrões Cromáticos ........................................................................... 25 Redução Máxima ................................................................................ 26 Tipografias ........................................................................................... 27 Tipografia Institucional ....................................................................... 27 Tipografia de Apoio ............................................................................ 28 Usos Indevidos da Identidade Visual ........................................... 29 Padronagens Institucionais .............................................................30 Identificação ....................................................................................... 34
Apresentação
A Identidade Visual de uma empresa é um de seus principais patrimônios. É por meio dela que uma instituição transmite visualmente seus valores, torna-se visível e reconhecida pelo público. Este manual pretende estabelecer um conjunto de normas, para que a aplicação e uso dos elementos da Identidade Visual da Hector Hugo sejam estabelecidos de maneira uniforme e coerente. Além de recomendações sobre aplicações, o manual também contém variações e combinações da Identidade Visual, além de restrições quanto a utilização da mesma. O manual foi desenvolvido para que a comunicação visual da empresa tenha um padrão de utilização. Com o uso coerente e sistemático das normas contidas neste manual, a Hector Hugo torna assim, sua Identidade Visual padronizada, agregando força e seriedade a sua imagem.
03
Criação da Identidade Visual
Hector Hugo é uma empresa especializada na fabricação de bolsas feitas em couro exótico. As bolsas de luxo são produzidas artesanalmente com todo o cuidado e atenção aos detalhes, o que torna os produtos de alta qualidade. O desafio da criação da marca foi unir a ideia de luxo e status, os conceitos de artesanal e exótico na criação de um logotipo moderno. O resultado foi uma identidade visual simples e ao mesmo tempo elegante. Com traços levemente curvos, e cores que transmitem a sensação de luxo de forma discreta.
04
Criação da Identidade Visual - Conceitos
Genuíno Glamour Luxo Status Qualidade
Brazil
Moderno Beleza 05
Criação da Identidade Visual - Conceitos
Escamas do peixe Pirarucu
+
Iniciais de Hector Hugo
Para a criação do símbolo, foi utilizado como referência visual as escamas do peixe Pirarucu, que é um dos couros exóticos utilizados na confecção das bolsas do Hector Hugo. Representando este conceito através das letras HH.
06
Apresentação da Identidade Visual - Versão Preferencial 1
07
Apresentação da Identidade Visual - Versão Preferencial 2
08
Apresentação da Identidade Visual - Versão Negativa Preferencial 1
09
Apresentação da Identidade Visual - Versão Negativa Preferencial 2
10
Apresentação da Identidade Visual - Versões Monocromáticas Para Fundo Claro
11
Apresentação da Identidade Visual - Versões Monocromáticas Para Fundo Escuro
12
Apresentação da Identidade Visual - Versão Horizontal 1 e 2
13
Apresentação da Identidade Visual - Versão Negativa Horizontal 1 e 2
14
Apresentação da Identidade Visual - Versões Monocromáticas Para Fundo Claro
15
Apresentação da Identidade Visual - Versões Monocromáticas Para Fundo Escuro
16
Apresentação da Identidade Visual - Utilização do Simbolo - Versões Preferenciais
17
Apresentação da Identidade Visual - Utilização do Simbolo - Versões Monocromáticas
18
Detalhamento Técnico - Malha de Proporções da Versão Preferencial
1 módulo (M) = metade da altura da letra H 19
Detalhamento Técnico - Malha de Proporções da Versão Horizontal
1 módulo (M) = metade da altura da letra H A consolidação de uma Identidade Visual requer sempre o uso correto de todos os seus elementos, respeitando a proporção entre eles. A malha construtiva, além de servir como orientação em situações em que não seja possível a reprodução da Identidade Visual por meios eletrônicos, também pode ser utilizada para se entender a disposição dos elementos que compões a ID, assim como a proporção desses elementos entre si. 20
Detalhamento Técnico - Construção do simbolo
O Monograma foi construído com base em formas geométricas, para que o mesmo seja harmônico em suas proporções.
21
Detalhamento Técnico - área de não interferência
2M
2M
Área de Não Interferência
Área de ocupação da ID 22
Detalhamento Técnico - área de não interferência
2M
2M
Área de Não Interferência
Área de ocupação da ID
Deve ser resguardado um espaço ao redor da Identidade Visual, livre de interferência de outros elementos gráficos e textos para preservar sua integridade e legibilidade. Este espaço denominamos como Área de Não Interferência. Para todas as versões, a Área de Não Interferência mínima recomendada é de 2 módulos para a parte superior, 2 módulos para a lateral esquerda e para a direita, e 2 módulos para a parte inferior da Identidade Visual. Esses módulos são contados a partir da área de ocupação da ID, como mostra as imagens. 23
Detalhamento Técnico - área de não interferência
2M
Área de ocupação da ID
Área de Não Interferência
2M
Mesmo ao utilizar apenas o monograma, deve-se tomar o cuidado de não colocar outros elementos muito próximos, para não interferir na identificação do símbolo. A Área de Não Interferência mínima recomendada também é de 2 módulos para a parte superior, 2 módulos para a lateral esquerda e para a direita, e 2 módulos para a parte inferior do Monograma. 24
Detalhamento Técnico - Padrões Cromáticos
Cinza Claro
Roxo Escuro
CMYK - C5 M0 Y0 K15 RGB - R220 G225 B230 HEXA - #DCE0E5
CMYK - C80 M80 Y50 K80 RGB - R15 G10 B25 HEXA - #110B1B
Cinza Escuro
Branco
CMYK - C5 M0 Y0 K50 RGB - R150 G150 B160 HEXA - #96979D
CMYK - C0 M0 Y0 K0 RGB - R255 G255 B255 HEXA - #FFFFFF
Amarelo Escuro CMYK - C35 M35 Y70 K0 RGB - R175 G160 B100 HEXA - #AFA067
Amarelo Claro CMYK - C10 M10 Y30 K0 RGB - R235 G230 B195 HEXA - #E9E3C1
Dourado HH Gradiente feito com os amarelos
Prateado HH Gradiente feito com os cinzas
A fidelidade na reprodução das cores é um item fundamental para garantir a consistência da Imagem Corporativa. É importante que seja mantido um padrão cromático, portanto é necessário um ponto de referência para a consolidação das cores padrão da identidade. Na tabela acima estão especificadas algumas possíveis aplicações da Identidade Visual em diferentes sistemas de cor. 25
Detalhamento Técnico - Redução Máxima
30 mm
10 mm
15 mm
6 mm
A redução demasiada de qualquer Identidade Visual dificulta a sua leitura e o seu reconhecimento. Recomendo como limite de redução, para cada uma das versões, as medidas especificadas acima. A sua redução além desse limite comprometerá a leitura da Identidade Visual. 26
Tipografias - Tipografia Institucional
Neutra Display - Light Alt
Neutra Display - Medium Alt ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Neutra Display - Bold Alt ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
A família tipográfica escolhida para ser a Tipografia Institucional da Hector Hugo, foi a Neutra Display. O uso dessa tipografia está previsto para os principais textos, pequenos, médios e grandes (anúncios publicitários, cartas, textos de formulários, etc).
27
Tipografias - Tipografia de Apoio
Cyclo Trial ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
A família tipográfica escolhida para ser a Tipografia de Apoio da Hector Hugo, foi a Cyclo Trial. O uso dessa tipografia está previsto para aplicações em títulos e subtítulos, e frases pequenas de destaque.
28
Usos Indevidos da Identidade Visual
Não deformar a Identidade Visual
Não inclinar a Identidade Visual
Não utilizar cores que não fazem parte do padrão cromático institucional
HECTOR HUGO Não adicionar elementos à Identidade Visual
Não substituir o logotipo por nenhuma tipografia
A Identidade Visual não deve ser alterada, seja nas suas cores, diagramação ou proporções. Existem, além da versão preferencial, outras versões da Identidade Visual que podem ser usadas quando houver necessidade. Há as versões monocromáticas, para quando o gradiente não puder ser aplicado. Portanto não há necessidade de realizar nenhuma outra alteração que não esteja prevista neste manual. É importante ter consciência e sempre verificar se a ID não está sendo usada de maneira incorreta, comparando-a com a original contida neste manual. Os exemplos acima mostram alguns usos indevidos.
29
Padronagens Institucionais - 1
30
Padronagens Institucionais - 2
31
Padronagens Institucionais - 3
32
Padronagens Institucionais - 4
32
Padronagens Institucionais
As padronagens estão previstas para serem utilizadas em diversas formas de comunicação da marca Hector Hugo, como papelaria institucional, interior das bolsas, etc. Pode-se utilizar outras combinações de padronagens, desde que respeite as formas e símbolos originais da identidade visual, e o padrão cromático definido para a marca.
33
Identificação
Este manual de Identidade Visual foi desenvolvido pela Designer: Danielle Raupp Borba
34