Manual da marca
setembro 2013 |
Índice
3 Marca Conceito Margem de Segurança e Redução Mínima Versão Monocromática em Preto 5 Universo Cromático Cores institucionais Cores auxiliares 8 Guidelines Tipografia Versões Não Permitidas Aplicações da Marca Sobre Fundos de Cor Aplicações da Marca Sobre Fundos Texturizados Aplicações da Marca Sobre Fundos Fotográficos Elementos Gráficos Primários Uso dos Elementos Gráficos Primários Elementos Gráficos Secundários 17 Aplicações Loja Site Relógio Sacola Bus Stop Revista
Marca conceito A Touch é uma marca jovem e contemporânea e o logo é o elemento mais importante de sua identidade visual, ele que melhor representa seus valores e sua essência. O logo da Touch é composto por logotipo e símbolo, que devem permanecer sempre juntos.
A tipografia bold e clean representa a personalidade forte e dinâmica da marca, enquanto o símbolo brinca com idéia de sensorialidade e versartilidade da Touch.
manual de identidade Touch | 3
Marca Marca margem de segurança e redução míninma As proporções e alinhamento do logo devem ser sempre respeitadas, essas relações foram pensadas cuidadosamente para manter o equilíbrio entre a tipografia e o símbolo. As margens de segurança em torno do logo da Touch são fundamentais para garantir a leitura e não interferir em sua visibilidade.
A unidade utilizada para estabelecer esta área (Y) equivale a largura da letra T, esse espaço deve estar sempre livre de quaisquer elementos gráficos e tipográficos. A redução mínima do logo também deverá ser respeitada, para que sua leitura seja preservada.
Y
Y Y
Y
X
Y
X+(X/3)
0,9 cm
manual de identidade Touch | 4
MARCA Marca versão monocromática em preto O logo Touch pode ser usada em versão P&B quando não for possível impressão em mais de uma cor, quando for necessário aplicar retícula, o tom de preto deve ser 60%.
versão em traço positivo
versão em retícula positiva
versão em traço negativo
veão em retícula negativa
manual de identidade Touch | 5
Universo cromรกtico Cores institucionais As cores institucionais formam a paleta de cores da marca e podem ser usadas tanto nos logos quanto nos elementos grรกficos de apoio. Ao lado estรฃo os cรณdigos de cores CMYK, RGB e Pantone que devem ser sempre respeitados.
Pantone Black 6C C:20 M:0 Y:0 K:100 R:35 G:31 B:32
Pantone 312C C:96 M:0 Y:10 K:0 R:0 G:175 B:219
Pantone 109C C:0 M:10 Y:100 K:0 R:255 G:221 B:0
Pantone 3395C C:60 M:0 Y:45 K:0 R:94 G:194 B:165
Pantone 2593C C:61 M:89 Y:0 K:0 R:125 G:65 B:153
Pantone 165C C:0 M:60 Y:95 K:0 R:245 G:132 B:38
manual de identidade Touch | 6
Universo cromático Cores auxiliares Para expressar a versatilidade da marca e sua essência sensorial, três cores extras são adicionadas ao universo cromático da Touch e pode ser usadas livremente no elementos gráficos, porém é proibida a aplicação dessas cores no logo.
Pantone 1795C C:0 M:95 Y:100 K:0 R:238 G:49 B:36
Pantone 374C C:30 M:0 Y:70 K:0 R:187 G:217 B:118
Pantone 226C C:0 M:95 Y:0 K:0 R:237 G:40 B:145
manual de identidade Touch | 7
Guidelines Tipografia A Open Sans é a fonte oficial da Touch e deve ser usada em todos os materiais da marca, das peças de comunicação até material interno, ela pode ser aplicada em títulos, textos corridos e informações de destaque.
A família tipográfica possui 3 pesos: Opens Sans Regular, Open Sans Bold e Open Sans Extra Bold. A Open Sans Regular deve ser priorizada, principalmente em textos corridos. Em casos de baixa legibilidade, a Open Sans Bold será o peso recomendado.
Open Sans regular ABCDEJGHIJKLMNOPQRSTUVWYXZ abcdefghijklmnopqrstuwyxz 0123456789$%&@#(!?,.;:) Open Sans bold ABCDEJGHIJKLMNOPQRSTUVWYXZ abcdefghijklmnopqrstuwyxz 0123456789$%&@#(!?,.;:) Open Sans extra bold ABCDEJGHIJKLMNOPQRSTUVWYXZ abcdefghijklmnopqrstuwyxz 0123456789$%&@#(!?,.;:)
manual de identidade Touch | 8
Guidelines versões não permitidas
Uso da marca sem o símbolo
Distorção da marca
Uso do símbolo em cima da tipografia
Rotação da marca
Uso de duas cores, mesmo se da paleta institucional
Uso de cor da paleta auxiliar
Uso de cor fora da paleta
Uso de gradientes
Mudança da posição dos elementos
Rotação do símbolo
Marca em Outline
Uso de efeitos
manual de identidade Touch | 9
Guidelines aplicações da marca sobre fundos de cor Estas são as possíveis aplicações do logo nos fundos de cor - que pertencem ao aniverso cromático da Touch.
manual de identidade Touch | 10
Guidelines aplicaçþes da marca sobre fundos texturizados O logo pode ser usado em fundos texturizados mais abstratos e com pouco ruĂdo, permitindo legibilidade e alto contraste entre os dois.
manual de identidade Touch | 11
Guidelines aplicações da marca sobre fundos fotográficos A aplicação do logo em fundos fotográficos é possível em áreas neutras sem ruídos; sem essa possibilidade, só é permitida com a seguinte condição: ser usada sobre círculo de cor (da paleta da marca) com efeito multiply 100% sobre a fotografia.
O logo sempre deve ter contraste em relação à cor do círculo e aos elementos de fundo da fotografia apare permitir melhor legibilidade.
Aplicação em área neutra
Aplicação sobre círculo de cor
Aplicação em área neutra
Aplicação sobre círculo de cor
manual de identidade Touch | 12
Guidelines aplicações da marca sobre fundos fotográficos Alguns exemplos dos usos incorretos.
Aplicação com baixo contraste
Aplicação sobre círculo sem sangramento
Aplicação em área com ruído
Aplicação sobre círculo sem multiply
manual de identidade Touch | 13
Guidelines elementos gráficos primários Como parte da linguagem visual da marca, foram desenvolvidos - com base no círculo - 10 elementos gráficos distintos. Com forte apelo sensorial, eles permitem a Touch expressar seus valores de forma mais gráfica e livre.
manual de identidade Touch | 14
Guidelines uso dos elementos gráficos primários Esses elementos também podem ser sobrepostos (com multiply 100%), rotacionados e aplicados em diversos tamanhos, sempre respeitando suas formas originais e utilizando as cores da paleta da marca. O alto número de combinações permite uma versatilidade de uso que evita a repetição e a monotomia.
manual de identidade Touch | 15
Guidelines uso dos elementos gráficos primários Os elementos gráficos podem ser aplicados sobre fotografias e fundos texturizados, sempre respeitando as regras já estabelecidas.
Aplicação sobre imagem sem multiply
Aplicação de formas distorcidas e cores não oficiais Aplicação com único elemento manual de identidade Touch | 16
Guidelines elementos gráficos secundários Os elementos gráficos secundários devem ser usados em todo material da Touch que for interativo (site, app, peças promocionais) , pois formam um grid de círculos que pode mudar seu layout em cada aplicação.
O grid deve ser sempre usado sobre uma imagem de fundo de cor com pouco ruído e uma figura humana bem clara e centralizada. Os elementos gráficos primários também podem ser aplicadaos dentro dos círculos do grid.
EXPERIMENTE
DESCUBRA
EXPLORE
manual de identidade Touch | 17
Guidelines uso dos elementos gráficos secundários Algumas regras de uso devem ser respeitadas: nunca usar o grid básico de círculos, pois impede a sensação de movimento e fluidez; manter a diferença proporcional do tamanho de círculos e evitar repetição dos maiores; e não usar grid com círculos muito pequenos em relação à imagem, porque pode acabar simulando efeito "pixelado".
EXPERIMENTE
Aplicação de grid básico, sem fluidez
Diferença desproporcional entre círculos
Grid de círculos muito pequenos,
manual de identidade Touch | 18
Exemplos de aplicação Loja
manual de identidade Touch | 19
aplicação Site
||
||
|
manual de identidade Touch | 20
aplicação Relógio
manual de identidade Touch | 21
aplicação Sacola
manual de identidade Touch | 22
aplicação Bus stop
manual de identidade Touch | 23
aplicação Revista
manual de identidade Touch | 24
setembro 2013 |