Guia de uso de Marca | Essens

Page 1

ESSENS: Guia rรกpido de uso de marca GUIA Rร PIDO DE USO DA IDENTIDADE VISUAL


BEM-VINDO(A) As marcas condensam, em linguagem gráfica, uma série de valores, ideais, posicionamentos e a própria forma como as organizações enxergam e mensuram o seu modo de ser no mundo. Este guia pretende organizar as diversas informações sobre a expressão visual da marca ESSENS, facilitando a tradução de seus valores nos materiais de comunicação. |2


sumário SÍNTESE DA PERSONALIDADE

04

CONCEITOS

05

INSPIRAÇÃO

06

ASSINATURA VISUAL

07

EXTENSÕES DA MARCA

23

CONSTRUÇÃO

09

SUPERFÍCIE

24

ELEMENTOS

10

PADRONAGEM

25

PALETA CROMÁTICA

11

BARRAS

26

PALETA TIPOGRÁFICA

12

APLICAÇÕES

27

GRID CONSTRUTIVO

13

39

VERSÕES DA ASSINATURA

14

APLICAÇÕES SOBRE FUNDOS

16

KIT DE MARCAS

ÁREA DE PRESERVAÇÃO

17

GUIA DE CONTEÚDOS

LIMITE DE REDUÇÃO

18

INTERAÇÃO COM IMAGENS

19

USOS INDEVIDOS

22


síntese da personalidade PERFORMANCE

ASPECTO

SENTIMENTO

Eficaz

Contemporâneo

Especial

Exato

Elegante

Precioso

Cuidadoso

Simples

Lapidado

Organizado

Belo

Vital

Leve Formal

|4


conceitos

SIMPLICIDADE Essens privilegia a sutileza e a discrição. É importante utilizar sabiamente o tempo, os elementos e o indivíduo, valorizando a existência de cada um deles.

EQUILÍBRIO Relaciona-se com harmonia e plenitude. O homem contemporâneo busca dinamicamente uma relação equilibrado consigo mesmo e com a própria vida.

CUIDADO Diz do modo como Essens conduz sua atuação profissional. Cuidar é sinônimo de excelência na oferta dos melhores serviços e práticas estéticas para o homem.

|5


INSPIRAÇÃO

complementariedade

esmero

cuidado

|6


ASSINATURA VISUAL Nas próximas páginas, preparamos uma série de instruções para uso da assinatura visual de ESSENS. Segui-las corretamente significa auxiliar na construção da coerência da nossa marca. Se surgir qualquer dúvida, não hesite em nos comunicar.

|7


|8


CONSTRUÇÃO CONSTRUÇÃO A assinatura visual do Coletivo Dinamite foi construída tendo como base os caracteres iniciais C e D. Por meio de sua modulação e rebatimento, construiu-se a imagem estilizada da chama.

|9


IDENTIDADE VISUAL assinatura de marca A assinatura de marca completa de Essens é composta pelo símbolo gráfico principal, o logotipo a barra gráfica e o endosso “estética para homens”.

símbolo gráfico principal

logotipo

barra gráfica endosso

A versão apresentada ao lado é completa e a de uso preferencial. Qualquer uso diferente desse deve ser direcionado à aprovação.

assinatura de marca

| 10


IDENTIDADE VISUAL

CORES PRINCIPAIS

paleta cromática A paleta cromática que integra a identidade visual de Essens é um dos principais elementos de comunicação visual da marca. Por isso, a escolha das cores deve ser feita de acordo com os dispositivos de saída dos materiais, seguindo a seguinte relação: MATERIAIS IMPRESSOS > SISTEMA CMYK OU TINTAS PANTONE

Turquesa

Cinza

pantone 7710 c cmyk 81 0 23 0 rgb 0 167 181 hexadecimal #00a7b5

pantone 425c cmyk 0 0 0 80 rgb 88 89 91 hexadecimal #58595b

MATERIAS PARA TELA > SISTEMA RGB

VARIAÇÕES TONAIS

Caso um uso diferente do recomendado seja realizado, há riscos de distorções cromáticas.

80% turquesa

Turquesa 80

60% turquesa

Turquesa 60

40% turquesa

Turquesa 40

| 11


IDENTIDADE VISUAL paleta tipográfica

A família tipográfica indicada para uso nos diversos materiais de comunicação da marca é a Helvetica Neue. Os pesos a serem privilegiados para uso são o Light, o Light Condensed e o Medium Condensed. Helvetica Light Condensed: A família tipográfica deve ser utilizada sempre para grafar TÍTULOS E SUBTÍTULOS. Helvetica Light: deve ser utilizada para corpo de texto. Helvética Medium Condensed: sua utilização deve ser para destaques em tópicos ou no corpo do texto.

olá, meu nome é helvetica light condensed!

Como vai? Me chamo helvetica medium! Apareço apenas nos detaques de palavras ou expressões no corpo de texto.

Minha utilização se dará principalmente para títulos e subtítulos ou demais informações que sejam hierarquicamente mais importantes.

já eu, a Helvética light, Serei utilizada principalmente para corpo de texto (como este trecho que você lê agora).

SOURCE SANS, PRAZER... Minha presença no sistema de identidade visual de ESSENS é extremamente rara. Serei aplicada apenas no site e em produtos de circulação online de grande porte. Sou uma boa alternativa para utilizar fontes que já estão online, sem a necessidade de carregar fontes externas. Estou disponível no Google Web Fonts (https://goo.gl/ lGjExI) para utilização online gratuita.

| 12


IDENTIDADE VISUAL assinatura de marca grid construtivo Ao lado, demonstramos a fixação da marca ESSENS em grade modular. A relação entre as partes do símbolo é constante e deve ser respeitado a fim de se garantir sempre coerência e uniformidade em todas as aplicações.

| 13


IDENTIDADE VISUAL

1.

assinatura de marca versões A assinatura visual de ESSENS possui duas versões para utilização: 1. Versão vertical 2. Versão horizontal A versão 1 é preferencial e deve ser a escolhida sempre que o espaço favorecer a aplicação. A versão 2 deve ser utilizada para aplicações onde o espaço favoreça mais a disposição horizontal do símbolo gráfico principal.

2.

! Na utilização das versões alternativas de aplicação da assinatura visual, a atenção deve ser redobrada e o material deve ser submetido à aprovação.

| 14


IDENTIDADE VISUAL assinatura de marca versões

1. 2.

O símbolo gráfico de ESSENS foi desenhado para funcionar como ícone. Em alguns casos, a sua utilização pode ser feita independente da assinatura tipográfica. Há duas maneiras para aplicar o símbolo gráfico isoladamente: 1. acompanhado da barra gráfica; 2. acompanhado da barra gráfica e endosso.

!

estética para homens

Na utilização das versões alternativas de aplicação da assinatura visual, a atenção deve ser redobrada e o material deve ser submetido à aprovação.

| 15


IDENTIDADE VISUAL assinatura de marca

1.

3.

2.

4.

aplicações em fundos diversos Para aplicações sobre fundos escuros, a assinatura pode ser aplicada: 1. Em branco no caso de reprodução em uma cor; 2. Na versão 3 de seu tom original (40%) caso a aplicação seja em cinza (80% de preto( A identidade pode ser aplicada apenas sobre o tom principal (2) ou na versão 3 de seu tom. Sobre imagens, deve-se escolher áreas mais claras e de melhores contrastes.

| 16


IDENTIDADE VISUAL

DISTÂNCIA E

assinatura de marca área de preservação

DISTÂNCIA E área de preservação

área de preservação

DISTÂNCIA E

área de preservação

A área de preservação é de fundamental importância na aplicação da assinatura de marca. No caso de ESSENS, a construção dessa distância sempre tomará como base a UNIDADE E, constituída pela altura do símbolo gráfico. É necessário observar a área de preservação sempre ao se compor a assinatura no interior de caixas ou tarjas; em relação ao limite do suporte (tela, papel) ou ainda quando a assinatura for posicionada ao lado de outras assinaturas de marca.

DISTÂNCIA E área de preservação

DISTÂNCIA E

| 17


IDENTIDADE VISUAL assinatura de marca limite de redução A redução máxima permitida para a assinatura completa (ex. 1) é de 20 mm (impressão) ou 150 px (uso em tela). Para a versão reduzida (ex. 2), a redução máxima permitida é de 15 mm ou 90 px. Uma redução maior do que a indicada ao lado pode causar perda da legibilidade dos elementos da assinatura de marca.

2 cm 150 px

1,5 cm 90 px

| 18


IDENTIDADE VISUAL

1.

assinatura de marca interação com imagens A orientação geral para aplicações com fotografia é a da escolha da imagem: devem ser privilegiadas imagens elegantes, sutis de homens de todos as etinias. Além disso, elas devem ser sempre em P&B. No exemplo 1, a assinatura de marca ocupa uma área neutra da imagem. No exemplo 2, a assinatura de marca está sobre tarja e textura (elementos que serão apresentados a seguir). Essa utilização é mais ousada e deve ser submetida à aprovação.

2.

| 19


IDENTIDADE VISUAL

3.

assinatura de marca interação com imagens Nos exemplos 3 e 4, a assinatura acompanha a forma que divide a imagem a partir de de uma linha de 45º. A porção de cor deve se fundir com a imagem, criando camadas de informação.

4.

| 20


IDENTIDADE VISUAL

5.

assinatura de marca interação com imagens No quinto exemplo, a forma do símbolo gráfico ganha massa, tornando-se uma máscara sólida para comportar uma imagem. Essa utilização é mais promocional e é possível desde que submetida à aprovação.

| 21


1.

2.

3.

4.

5.

6.

7.

8.

9.

IDENTIDADE VISUAL assinatura de marca usos indevidos Nunca se deve: 1. Mudar a posição do símbolo gráfico principal ou de qualquer outro elemento da assinatura; 2. Alterar a proporção, diminuindo ou aumentando qualquer um dos elementos; 3. Alterar a cor de algum elemento; 4. Aplicar a assinatura rotacionada; 5 e 6. Alterar a proporção largura e altura, esticando ou espremendo a assinatura; 7. Aplicar qualquer efeito na assinatura tais como sombra, degradês, etc; 8. Utilizar uma outra tipografia na assinatura de marca; 9. Utilizar a versão preenchida do símbolo na assinatura.

ESSENS | 22


ELEMENTOS EXTENSIVOS Foram desenvolvidos para diversificar a comunicação visual de ESSENS por meio da ampliação da interpretação gráfica dos conceitos norteadores da expressão da marca. Sua utilização se dará principalmente para materiais promocionais, tais como peças de divulgação e gifts.

| 23


IDENTIDADE VISUAL 1. Superfície

A divisão da superfície em porções de cor é uma possibilidade de extensão da marca e de aplicação em materiais diversos. As cores devem ser sempre as da paleta da marca. O eixo de inclinação deve ser o de 45º, como o do símbolo gráfico.

45º

| 24


IDENTIDADE VISUAL 2. Padrão gráfico

O padrão é originário da combinação da união da “espinha” do S com sua versão rebatida.

| 25


IDENTIDADE VISUAL 3. Barras

As barras foram desenvolvidas como elementos de apoio e podem ser utilizadas para sinalizar hierarquia, divisão de conteúdo , etc. A escolha da espessura é llivre, dependendo unicamente da intenção compositiva.

| 26


APLICAÇÕES A seguir, alguns exemplos de aplicação dos elementos extensivos que compõem a identidade visual de ESSENS.

| 27


1. Aplicação de exemplo para capa de Facebook. O cinza exerce o papel de máscara sobre a imagem.


2. Aplicação da assinatura de marca sem o endosso sobre porta-copos.

| 29


3. Almofadas: aplicação de tarje e padrão no primeiro exemplo e aplicação de módulo de superfície no segundo.

| 30


4. Aplicaçþes em papelaria.

| 31


5. Aplicações em brindes: no exemplo, cadernos e lápis.

| 32


6. Aplicação da assinatura reduzida em camisa.

| 33


7. Aplicação da assinatura e dos elementos extensivos sobre ecobag.

| 34


7. Aplicação de exemplo em balcão.


8. Aplicação para linha de produtos.


9. Aplicação para embalagens.

| 37


10. Aplicação em caneca.

| 38


KIT DE MARCAS GUIA DE CONTEÚDOS A seguir, confira a lista com todos os originais eletrônicos pertencentes ao Kit de marcas Essens. Há um diagrama que representa a organização dos arquivos, sua nomenclatura, bem como recomendações de utilização. Caso necessite de algo que não está no kit, basta solicitar no contato que se encontra no final deste documento. | 39


PADRÃO PARA NOMENCLATURA:

UTILIZAÇÃO: Formato do arquivo .ai, .eps e .pdf (vetorial) . jpeg e png (bitmap)

1.VERSÃO_PREFERENCIAL_RGB.AI Código do arquivo

Identificador da versão com indicação de aparência: Positivo (POS) Negativo (NEG) Uma cor Sobre fundo cinza

Código de cor: RGB: para tela CMYK: para impressão

ARQUIVOS BITMAP >> são constituídos por meio de uma grade de pixels. Dependendo da amplicação, esses arquivos podem sofrer distorções. Sua utilização se dá predominante para ambiente web ou aplicações digitais. Programas de edição >> Photoshop, Gimp, Corel Photopaint ARQUIVOS DE VETORES >> diferente dos bitmaps, são constituídos por vetores matemáticos, o que permite uma ampliação infinita sem perda da qualidade. No caso da assinatura visual, o uso é recomendado para projetos impressos ou físicos, tais como fachadas, placas, etc. Programas de edição >> Illustrator, Corel Draw, Inkscape

ORGANIZAÇÃO DOS DIRETÓRIOS: KIT DE MARCAS (diretório principal):

1. RGB (diretório secundário)

2. CMYK (diretório secundário)

3. ELEMENTOS EXTENSIVOS (diretório secundário) 3.1. Superfície (diretório terciário) 3.2. Padronagem (diretório terciário) 3.3. Barras (diretório terciário) 3.4. Ícone (diretório terciário)

| 40


1. RGB

1. Versao_preferencial_RGB.ai 2. Versao_preferencial_RGB.eps 3. Versao_preferencial_RGB.pdf 4. Versao_preferencial_RGB.jpeg 5. Versao_preferencial_RGB.png

6. Versao_alternativa_RGB.ai 7. Versao_alternativa_RGB.eps 8. Versao_alternativa_RGB.pdf 9. Versao_alternativa_RGB.jpeg 10. Versao_alternativa_RGB.png

11. Versao_preferencial_negativo_RGB.ai 12. Versao_preferencial_negativo_RGB.eps 13. Versao_preferencial_negativo_RGB.pdf 14. Versao_preferencial_negativo_RGB.jpeg 15. Versao_preferencial_negativo_RGB.png

16. Versao_alternativa_negativo_RGB.ai 17. Versao_alternativa_negativo_RGB.eps 18. Versao_alternativa_negativo_RGB.pdf 19. Versao_alternativa_negativo_RGB.jpeg 20. Versao_alternativa_negativo_RGB.png

21. Versao_preferencial_sobre_cinza_RGB.ai 22. Versao_preferencial_sobre_cinza_RGB. eps 23. Versao_preferencial_sobre_cinza_RGB. pdf 24. Versao_preferencial_sobre_cinza_RGB. jpeg 25. Versao_preferencial_sobre_cinza_RGB. png

26. Versao_alternativa_sobre_cinza_RGB.ai 27. Versao_alternativa_sobre_cinza_RGB.eps 28. Versao_alternativa_sobre_cinza_RGB.pdf 29. Versao_alternativa_sobre_cinza_RGB.jpeg 30. Versao_alternativa_sobre_cinza_RGB.png

Os arquivos em formato de cor RGB destinam-se a produção de peças para utilização em tela. Se submetidos à impressão, podem apresentar distorções de cor. Ao fechar os arquivos para a gráfica, solicite ao profissional que faça sempre a verificação.

| 41


2. CMYK

31. Versao_preferencial_CMYK.ai 32. Versao_preferencial_CMYK.eps 33. Versao_preferencial_CMYK.pdf 34. Versao_preferencial_CMYK.jpeg

43. Versao_alternativa_negativo_CMYK.ai 44. Versao_alternativa_negativo_CMYK.eps 45. Versao_alternativa_negativo_CMYK.pdf 46. Versao_alternativa_negativo_CMYK.jpeg

35. Versao_alternativa_CMYK.ai 36. Versao_alternativa_CMYK.eps 37. Versao_alternativa_CMYK.pdf 38. Versao_alternativa_CMYK.jpeg

47. Versao_preferencial_sobre_cinza_CMYK.ai 48. Versao_preferencial_sobre_cinza_CMYK.eps 49. Versao_preferencial_sobre_cinza_CMYK.pdf 50. Versao_preferencial_sobre_cinza_CMYK.jpeg

39. Versao_preferencial_negativo_CMYK.ai 40. Versao_preferencial_negativo_CMYK.eps 41. Versao_preferencial_negativo_CMYK.pdf 42. Versao_preferencial_negativo_CMYK.jpeg

51. Versao_alternativa_sobre_cinza_CMYK.ai 52. Versao_alternativa_sobre_cinza_CMYK.eps 53. Versao_alternativa_sobre_cinza_CMYK.pdf 54. Versao_alternativa_sobre_cinza_CMYK.jpeg

Os arquivos em formato de cor CMYK destinam-se a produção de peças para impressão. Se utilizadas em tela, podem apresentar distorções de cor. Ao fechar os arquivos para a gráfica, solicite ao profissional que faça sempre a verificação.

| 42


3. ELEMENTOS EXTENSIVOS

3.1. SUPERFÍCIE

3.3. BARRAS

55. Superficie_RGB.ai 56. Superficie_RGB.eps 57. Superficie_CMYK.ai 58. Superficie_CMYK.eps

55. Barras_RGB.ai 56. Barras_RGB.eps 57. Barras_CMYK.ai 58. Barras_CMYK.eps

3.2. PADRONAGEM 59. Padronagem_RGB.ai 60. Padronagem_RGB.eps 61. Padronagem_CMYK.ai 62. Padronagem_CMYK.eps

3.4. ÍCONE

estética para homens

59. Icone_RGB.ai 60. Icone_RGB.eps 61. Icone_CMYK.ai 62. Icone_CMYK.eps

É imprescindível para a utilização dos elementos extensivos que algum programa específico de edição de vetores seja utilizado. Por isso, os arquivos seguem em suas versões editoriais. Os elementos devem ser apropriados na construção de layouts específicos de peças promocionais ou brindes.

| 43


amicd.com.br

Muito obrigado. Esperamos que este documento tenha auxiliado você no trabalho com o universo visual de Essens. Para qualquer dúvida ou mesmo para alguma sugestão, é só contactar luizmasso23@gmail.com ou 31 9 9261 4273 (Luiz Santos).


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.