Manual de identidade visual Conceito, Estratégia e Aplicações
1
2
Agência Digital
MANUAL DE IDENTIDADE VISUAL - VR SYS
SUMÁRIO
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
O MANUAL DE IDENTIDADE VISUAL HISTÓRICO DA MARCA
3
OBJETIVOS DO PROJETO O CONCEITO MARCA Apresentação Naming Malha de construção Dimensionamento mínimo Área de proteção CORES Gradação de cores Cromia institucional Versão duas cores sem gradiente Versão escala de cinza Versão monocromática Versão em linhas de contorno Fundos coloridos MANUAL DE IDENTIDADE VISUAL - VR SYS
SUMÁRIO
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
Fundos fotográficos TIPOGRAFIA Tipografia institucional
4
PADRONAGEM USOS PROIBIDOS PAPELARIA Cartões de visita Pasta Papel Timbrado Envelope Comercial Envelope Saco REDES SOCIAIS Facebook ICONOGRAFIA Sobre o sistema iconográfico Icones Institucionais
MANUAL DE IDENTIDADE VISUAL - VR SYS
O MANUAL DE IDENTIDADE VISUAL
Toda marca é um organismo vivo, com personalidade própria, linguagem e atributos. Para se estabelecer, ser reconhecida e distinguida das demais, é necessário integração, consistência e uniformidade em suas aplicações, diante do público e mercado de atuação. Este manual é uma ferramenta para auxiliar na gestão da marca VR Sys. Além da conceituação e contextualização da marca, você encontrará informações técnicas, normas e diretrizes para sua correta aplicação em diferentes mídias e meios de comunicação. As instruções descritas neste manual não possuem um caráter limitador. Ao contrário, a intenção é ser um facilitador nas aplicações e economizar tempo na elaboração de peças que demandem maior execução criativa. Cumprir estas recomendações é o primeiro passo para uma estratégia de marca unifi cada, zelando pelo alinhamento conceitual na implementação e no desenvolvimento de leiautes.
5
MANUAL DE IDENTIDADE VISUAL - VR SYS
HISTÓRICO DA MARCA
A VR Sys nasceu no meio da cultura da inovação empreendedora no início da década passada (20??), dentro de uma incubadora de empresas. Isso a deu uma capacidade muito grande de criar, inovar e organizar ideias que podem ajudar seus clientes e projetos. O nome da marca institucionalmente registrada é Vinicius e Ricardo Sistemas, assim a marca vem a se chamar VRSYS O primeiro símbolo gráfico da Instituição trazia, a tipografia com este nome unido e um simbolo gráfico com elementos referentes a tecnologia. Ficou estabelecida a permanência da sigla como parte integrante do símbolo.
6
MANUAL DE IDENTIDADE VISUAL - VR SYS
OBJETIVOS DO PROJETO
A VR Sys possui um importante papel no cenário de empresas do ramo de webdesign na região do norte do paraná, com foco em criação de sites para eventos, comerciais e institucionais. No segundo semestre de 2015 a VR Sys passa por um reestruturamento e a fim de fortalecer a sua nova imagem lança sua nova marca. Com o desafio de comunicar os valores, a missão e a visão da empresa, o desenvolvimento objetivou: (a)modernizar a marca, passar clareza; (b) transmitir os conceitos de modernidade, inovação e tecnologia.
7
MANUAL DE IDENTIDADE VISUAL - VR SYS
O CONCEITO
A representação gráfica do uso e dominio da tecnologia é apresentado pelo icone dos Cherons (sinal <>) que são a base de programação em html (abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto). À partir deste sinal o simbolo foi construido, e a barra de fechamento na linguagem de prorgamação é simbolizada no espaço em branco entre os chevrons.
HTML
8
</> MANUAL DE IDENTIDADE VISUAL - VR SYS
MARCA
Apresentação
A VR Sys agência digital passa por um momento de mudança, e segundo esta mudança a proposta de nova marca tras em si um dos fundamentos da empresa, o cunho tecnologico aplicado em todos os projetos desenvolvidos. A marca faz alusão ao uso do html que é a base de desenvolvimento de varios projetos com o uso do “Chevron” (sinal <>) e a barra de fechamento na linguagem de programação simbolizada no espaço em branco entre os chevrons e no Y. A marca pode ocorrer em duas versões: uma horizontal, de uso preferencial, e outra vertical. O uso da versão vertical será indicado somente nas situações em que a versão preferencial apresentar dificuldades.
9
Versão Horizontal Uso preferencial
Agência Digital
Versão Vertical
Agência Digital
MANUAL DE IDENTIDADE VISUAL - VR SYS
MARCA
Naming
Uma das maiores dificuldades em comunicação da VR Sys sempre foi o modo de como as pessoas falam o nome da marca, a falta de vogais é um dificuldante na hora de se ler a marca. Para se resolver este problema se optou separar na marca o VR (Vinicius e Ricardo) do Sys (sistemas) para facilitar a leitura e comunicação da marca. Importante resaltar que as mudanças alterão a comunicação escrita da marca, passando de VRSYS para VR Sys. Outro ponto importante da marca, é a adição do Agência digital, que delimita a area de atuação da empresa, facilitando a compreensão de alguem que não conhece a empresa e seu segmento.
10
Agência Digital
MANUAL DE IDENTIDADE VISUAL - VR SYS
MARCA
Malha de construção
O desenho da marca se constitui a partir das relações entre seus elementos: as distâncias e os alinhamentos estabelecidos proporcionam uma sensação visual de equilíbrio, harmonia e estabilidade. Os diagramas a seguir possibilitam a visualização da geometria da marca e a malha quadriculada estabelece as proporções entre os elementos. Não é permitido redesenhar a marca em meios digitais.
11
X=10
Agência Digital X=27
X=A
X=15
Agência Digital X=20
MANUAL DE IDENTIDADE VISUAL - VR SYS
MARCA
Dimensionamento mínimo
Digital
Para garantir a reprodução legível da marca, foi estabelecida a redução máxima para cada uma de suas assinaturas. Deve-se respeitar a proporção entre os elementos de cada assinatura, não podendo haver nenhum tipo de alteração nas respectivas formas e espaçamentos para não comprometer a legibilidade.
12
Impreso
8 mm
35 p x Agência Digital
63 p x
Agência Digital
14 mm Agência Digital
Agência Digital
MANUAL DE IDENTIDADE VISUAL - VR SYS
MARCA
Área de proteção
A área de proteção objetiva preservar a visibilidade e leitura da marca, evitando a aproximação excessiva de outros elementos. Portanto, nenhuma informação ou elemento gráfico (textos, outras assinaturas etc.) pode ultrapassar o espaço delimitado pela linha laranja.
13
O módulo X equivale à largura da letra ‘A’, e a área de proteção é definida obtida por 2X.
2X 2X
Agência Digital 2X 2X
X=A
2X 2X
A Medida X
Agência D igital 2X 2X
X=A
MANUAL DE IDENTIDADE VISUAL - VR SYS
CORES
Gradação de cores
Degradê ou gradiente de cor é uma sequência de tons contínuos, podendo ser limitado ou ilimitado. Ou seja, é a área onde duas ou mais cores são sobrepostas, cada uma com suas intensidades, formando uma transição suave entre as cores, no sentido de apresentar aspecto em 3D. A Gradação de cor é definida à partir da mistura entre as duas cores principais.
14
Agência Digital R: 100 G: 181 B: 246
C: 53% M: 16% Y: 0% K: 0%
R: 33 G: 150 B: 243 #2196f3
C: 71% M: 34% Y: 0% K: 0%
MANUAL DE IDENTIDADE VISUAL - VR SYS
CORES
Cromia institucional
As cores possuem grande importância na identificação visual de uma marca e sua utilização de forma estratégica otimiza o reconhecimento por parte do público. A VR Sys possui duas cromias institucionais, que devem ser utilizadas em todos os veículos de comunicação. A relação abaixo apresenta as especificações técnicas nas principais escalas para impressão e reprodução digital: CMYK e RGB.
R: 100 G: 181 B: 246 #64BF6
C: 53% M: 16% Y: 0% K: 0%
R: 33 G: 150 B: 243 #2196f3
C: 71% M: 34% Y: 0% K: 0%
R: 246 G: 146 B: 30 #f6921e
C: 0% M: 51% Y: 99% K: 0%
15
* O Laranja é apenas cor institucional, não aplicada na marca, mas aplicada em peças e layouts.
MANUAL DE IDENTIDADE VISUAL - VR SYS
CORES
Versão duas cores sem gradiente
Esta versão é aplicada em casos que a aplicação em gradiente é inviavel, tanto em meios digitais (limitações de tela) e em mídias imprésas (limitações de equipamentos de impressão)
16
Agência D igital Agência D igital
R: 100 G: 181 B: 246 #64BF6
C: 53% M: 16% Y: 0% K: 0%
R: 33 G: 150 B: 243 #2196f3
C: 71% M: 34% Y: 0% K: 0%
MANUAL DE IDENTIDADE VISUAL - VR SYS
CORES
Versão escala de cinza
Agência Digital
A Marca possui versões em escala de cinza, tanto em duas cores com gradiente e sem gradiente.As aplicações desta versão devem ser feitas apenas em casos que as midias de vinculação limitam o uso de cores.
R: 100 G: 181 B: 246 #64BF6
C: 53% M: 16% Y: 0% K: 0%
R: 100 G: 181 B: 246 #64BF6
C: 53% M: 16% Y: 0% K: 0%
17
Agência Digital
Agência Digital
Agência Digital
MANUAL DE IDENTIDADE VISUAL - VR SYS
CORES
Versão monocromática
A Marca possui versões monocromáticas que devem ser aplicadas segundo as limitações de uso, tais como, aplicações em fundo escuro comprometendo a leitura da marca, limitações de cor no monitor ou em limitação de cores na impressão. Nessas situações, a marca deve ser aplicada exclusivamente nas cores preta (versão positiva) ou branca (versão negativa), pois qualquer outra cromia pode comprometer a caracterização da identidade visual.
18
Agência Digital
Agência D igital
Agência Digital
Agência D igital
MANUAL DE IDENTIDADE VISUAL - VR SYS
Versão em linhas de contorno
CORES
A versão em linhas de contorno é recomendada para uso em papel de fax e aplicações de bordado. As linhas podem ser aplicadas nas cores preta e branca a serem escolhidas de acordo com os critérios de contraste e legibilidade em cada situação. A espessura da linha pode variar dependendo dos materiais, da superfície e da escala de aplicação.
19
Agência Digital
Agência Digital
MANUAL DE IDENTIDADE VISUAL - VR SYS
CORES
Fundos coloridos
Fundos claros Para permitir maior flexibilidade na aplicação da marca, é possível aplicá-la com as cores originais sobre fundos homogêneos e claros até uma porcentagem equivalente a 15% da saturação total da cor.
20
Exemplos:
Agência Digi tal
Agência Digi tal
Agência Digi tal
Agência Digi tal
MANUAL DE IDENTIDADE VISUAL - VR SYS
CORES
Fundos coloridos
Fundos escuros Para aplicações em fundo escuro, deve-se optar por uma versão monocromática, respeitando critérios de contraste e legibilidade.
21
Exemplos:
Agência Digital
Agência Digital
Agência Digital
Agência Digital
MANUAL DE IDENTIDADE VISUAL - VR SYS
CORES
Fundos fotográficos
As aplicações em fundos fotográfi cos são permitidas, desde que sua visualização não seja prejudicada, obedecendo aos seguintes critérios de utilização: • a marca deve ser aplicada sobre uma área de cor homogênea da imagem; • o respiro definido na Área de Proteção deve ser respeitado, de forma que objetos figurativos ou quaisquer elementos que chamem a atenção não tenham uma aproximação excessiva da marca; • as mesmas diretrizes para aplicação sobre fundos coloridos (claros e escuros) devem ser adotadas, considerando como cor de fundo as cromias contidas na área de inserção da marca; • a escolha da imagem fotográfica deve ser adequada aos princípios e valores da VR Sys.
22
EXEMPLOS:
MANUAL DE IDENTIDADE VISUAL - VR SYS
TIPOGRAFIA
Tipografia institucional
A Marca é constituida por duas tipografias, a Lato, e a Maven Pro, as duas deverao ser usadas nos demais materiais de comunicação das empresa. 23
Lato: Lato Hairline ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Hairline Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Light ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Black ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Light Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Black Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Lato Regular Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
MANUAL DE IDENTIDADE VISUAL - VR SYS
TIPOGRAFIA
Tipografia institucional
Maven Pro
24
Maven Pro Light ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Maven Pro Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Maven Pro Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Maven Pro Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
Maven Pro Black ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789
MANUAL DE IDENTIDADE VISUAL - VR SYS
PADRONAGEM
Padrão com a representação gráfica
A marca da VR Sys Agência Digital tem uma criatividade e expressividade que deve ser apresentado em suas diversos materiais. A liberdade de criação de padronagens é ampla, salve restrições como alterações no formato do desenho, Padronagens com repetições, sobreposições entre outras são permitidas. Exemplos:
25
MANUAL DE IDENTIDADE VISUAL - VR SYS
USOS PROIBIDOS
A marca VR Sys Agência Digital não deve ser alterada, seja nas suas cores, diagramação ou proporções. Abaixo alguns exemplos de erros que não podem ocorrer. Certifi que-se de que a marca seja reproduzida com fidelidade.
Agência Digi tal
Não inverter cores
Agência Digi tal Não mudar proporção
Agência Digital
Não distorcer
Agência Digi tal
Não rotacionar elementos
26
Agência Digi tal
Não utilizar outras tipogradias
Agência D igital
Não utilizar borda
Agência D igital
Não utilizar efeitos
Agência Digi tal
Não inclinar
MANUAL DE IDENTIDADE VISUAL - VR SYS
PAPELARIA
Cart천es de visita
Modelos de cart찾o de visita. Institucional. No formato de 9,5cm x 5,5cm 27
MANUAL DE IDENTIDADE VISUAL - VR SYS
PAPELARIA
Pasta
Modelo de pasta. No formato de 31x44cm. 28
MANUAL DE IDENTIDADE VISUAL - VR SYS
PAPELARIA
Papel Timbrado
Modelo de papel timbrado. Modelo em A4 29
MANUAL DE IDENTIDADE VISUAL - VR SYS
PAPELARIA
Envelope Comercial
Modelo de envelope comercial. Tamanho : 23x11,5cm 30
MANUAL DE IDENTIDADE VISUAL - VR SYS
PAPELARIA
Envelope Saco
Modelo de envelope comercial. Tamanho : 23x11,5cm 31
MANUAL DE IDENTIDADE VISUAL - VR SYS
REDES SOCIAIS
Modelo de aplicações no facebook.
32
MANUAL DE IDENTIDADE VISUAL - VR SYS
REDES SOCIAIS
Postagens
Modelo de aplicações no facebook.
33
MANUAL DE IDENTIDADE VISUAL - VR SYS
ICONOGRAFIA
Sobre o sistema iconográfico
A iconografia está cada vez mais presente na comunicação visual das empresas, principalmente das que estão na internet, pois quando o trabalho é bem elaborado, facilita a interação do usuário com o serviço. O ícone, segundo os conceitos propostos pela semiótica, trata-se de uma imagem que representa graficamente um objeto. Esse objeto, no mundo abstrato, é um conjunto de informações que qualificam algo. Por exemplo, num website, o “quem somos”, “nossos produtos”, “fale com a gente” etc, são objetos. Daí a importância da iconografia na internet. Os ícones são fundamentais na interação dos usuários com os computadores, pois indicam as zonas de acionamento de comandos ou reforçam visualmente alguma ação que o sistema apresenta. Na VR Sys Agência Digital os icones representão os serviços prestados, facilitando a compreensão do cliente.
34
MANUAL DE IDENTIDADE VISUAL - VR SYS
ICONOGRAFIA
Icones Institucionais 35
Desenvolvimento Web
Hospedagem de Websites
Identidade Visual
fadsiuhfdsaidjsiaojdisjdaisjdisajdisjaisdjidjmomdsimdsoakprareaserviçosm namodjsiakjdoaskdásodás-opd-asod0asodas-0ode0
f a d s i u h fd s a i d j s i a o j d i s j d a i s j d i s a j d i s j a i s d jid jmomdsimdsoakprareaserviçosm namodjsiakjdoaskdásodás-opd-asod0asodas-0ode0
Site Responsivo
E - Commerc
es t o e b para eventos t cnico-cient icos
Papelaria
Consultoria e Planejamento
Desenvolvimento de Marca
MANUAL DE IDENTIDADE VISUAL - VR SYS