Manual de Identidade Visual
VersĂŁo 1.0 | Julho 2020
A identidade visual da marca é o conjunto de elementos visuais, tais como cores, tipografias, formas, texturas, grafismos, ícones e fotografia. Estes elementos são combinados harmonicamente para transmitir, de forma coesa e coerente, os valores, princípios, posicionamento e diferenciais de uma marca perante seu público. Este manual é de consulta obrigatória e trata dos elementos gráficos e visuais da identidade da Tecnolatina e oferece exemplos da aplicação e implementação para garantir o uso correto da identidade nos meios digitais e impressos, orientando assim todos que serão responsáveis por sua gestão.
ÍNDICE
04
Usos Incorretos
19
Missão Visão Valores
04 04 04
Cores
20
Conceitos
05
Marca
Logo Principal Variantes Símbolo Lettering Proteção Redução Variações
Fundos Monocromáticos Positivo e Negativo Tons de Cinza Fotográficos
06 06 07 08 09 10 11 12
14 15 16 17 18
Primárias Secundárias
20 21
Tipografia
23
Elementos gráficos
24
Aplicações
25
MARCA A Tecnolatina está instalada no Brasil desde 1997 fabricando e distribuindo produtos de Ventilação, Climatização, Aquecimento Industrial e Elétrica. Para atender o mercado globalizado, a empresa busca o desenvolvimento intensivo da qualidade, com estratégias Lean Manufacturing que nos permite ganhar competitividade e reduzir custos. Nosso portfólio está composto por mais de 400 variações de produto, permitindo atender com precisão e eficiência a necessidade específica de cada cliente.
Missão
Aumentar a produtividade, reduzir custos de energia, conduzir confiabilidade operacional e proporcionar conforto em ambientes saudáveis.
Visão
Liderar o setor nacional e expandir para o mercado globalizado maximizando valor para clientes e colaboradores.
Valores
Integridade, Tecnologia, Respeito, Transparência, Teste contínuo de novas ideias e Espírito empreendedor.
04
CONCEITOS Para a marca Tecnolatina, o novo design do logo representa o setor industrial em linhas, formas e cores, transmitindo os valores da marca de tecnologia e inovação. As linhas dos canos e vigas que são encontrados nas fábricas e áreas industriais, os traçados
Industrial
Um novo design que remete ao contexto onde a marca está inserida.
encontrados em imagens que remetem à tecnologia e as formas que lembram algo contemporâneo e inovador, foram grandes inspirações para criar um design robusto e ao mesmo tempo clean e atual.
Inovador
Desenvolvido para representar uma marca consolidada no mercado e em constante evolução.
Tecnológico
Um logo atual, clean e inovador para transmitir todos os valores e aspectos que a marca busca transparecer.
05
LOGO Principal Esta é a versão principal do logo que é composto por um símbolo e um lettering. A versão principal sempre deve ser priorizada na maioria das aplicações e criações de materiais.
Logo
Símbolo
Lettering
06
LOGO Variantes Estes são os logos variantes das linhas de produtos da Tecnolatina. Os logos são compostos por um símbolo, um lettering e uma assinatura de linha. Cada linha segue uma paleta de cores específica que sempre devem ser utilizadas para representar suas respectivas vertentes. Estas versões podem aparecer sem a assinatura de linha uma vez que sigam o padrão de cores determinado.
Logo
Símbolo
Logo
Lettering
Símbolo
Lettering
07
LOGO Símbolo O símbolo foi construído em uma grade simétrica. Sob certas circunstâncias e aplicações, é preferível usar apenas o símbolo em vez do logo completo.
x
08
LOGO Lettering O lettering foi criado com ajuste de kerning e tracking ótico. Sob certas circunstâncias e aplicações, é preferível usar apenas o lettering em vez do logo completo.
2x
4x
2x
x
x
x
x x
2x
y
y
x
2x
09
LOGO Proteção O logo sempre estará rodeado por uma área de proteção separando-o de outros objetos, textos e elementos para que seja claramente identificado e não haja ruídos em sua leitura. Esse espaço deve ser mantido livre de todos os tipos de elementos gráficos e tipografias. A área de proteção é definida pela altura do símbolo, sendo assim:
= x
x
x
x
x
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
10
LOGO Redução A redução máxima é definida pelo menor tamanho que o logo pode assumir sem que sua legibilidade seja comprometida. Ela é determinada para garantir a leitura tanto em materiais impressos quanto em materiais digitais. O logo nunca deve ser menor dos apresentados abaixo.
0,5 cm
|
14 px
3 cm
|
86 px
4 cm
|
114 px
0,5 cm
|
14 px
3 cm
|
86 px
5 cm
|
142 px
0,5 cm
|
14 px
3 cm
|
86 px
5 cm
|
142 px 11
LOGO Variações O logo é utilizado para representar a marca no mercado e em seus meios de comunicação e seu uso consistente irá desenvolver e estabelecer o reconhecimento da marca diante seu público. Logo abaixo estão as variações do logo da Tecnolatina. Sempre priorize as versões principais na maioria das aplicações.
Versão 01 – HORIZONTAL POSITIVA Principal
Versão 01 – HORIZONTAL NEGATIVA Principal
Versão 02 – HORIZONTAL POSITIVA Lettering
Versão 02 – HORIZONTAL NEGATIVA Lettering
FUNDOS A utilização do logo em fundos é algo de extrema importância devido a legibilidade, harmonia e identidade cromática. Em razão disso, temos a seguir as versões nas quais o logo pode ser aplicado em fundos monocromáticos, preto & branco, tons de cinza e fotográficos.
Monocromáticos Podem ser utilizados onde não for possível aplicar a marca em sua versão principal.
5% Preto
15% Preto
30% Preto
40% Preto
50% Preto
80% Preto
90% Preto
100% Preto
Positivo e Negativo Podem ser utilizados em documentos impressos em p&b, impressĂŁo em relevo e bordado.
5% Preto
15% Preto
30% Preto
40% Preto
50% Preto
80% Preto
90% Preto
100% Preto
Tons de Cinza Também podem ser usados em documentos impressos em p&b ou quando não há possibilidade de confecção com cor.
Fotográficos Sempre verificar o contraste entre o fundo fotográfico e o logo para não comprometer a leitura. Caso contrário, usar formas, grafismos, texturas, degradês e cores de apoio para criar uma composição legível.
USOS INCORRETOS Temos alguns exemplos do que não fazer com o logo. Estas regras garantem a legibilidade e devem ser respeitadas para todas as versões. Não alterar as cores.
Não inverter as cores de aplicação.
Não desmembrar.
Não distorcer.
Não rotacionar.
Não aplicar filtros ou efeitos.
Não usar em outline.
Não aplicar sobre fundos ilegíveis.
CORES Primárias A paleta de cores da marca consiste na principal, que são cores primárias mais utilizadas, e a secundária que são as cores de apoio. Ambas podem ser utilizadas em materiais gráficos no geral.
PANTONE
PANTONE
PANTONE
000 C
297 C
2194 C
# FFFFFF
# 6CC7FF
# 0079F2
C M Y K
0 0 0 0
R 255 G 255 B 255
C M Y K
66 1 0 0
R 108 G 196 B 255
C M Y K
91 50 0 0
R 0 G 121 B 239
PANTONE
PANTONE
PANTONE
2132 C
Dark Blue C
2766 C
# 003FE6
# 00209D
# 000746
C M Y K
95 77 0 0
R 0 G 63 B 227
C M Y K
100 92 7 15
R 0 G 32 B 154
C M Y K
87 79 50 75
R 0 G 7 B 70
CORES Secundárias As cores secundárias são complementares das cores primárias servindo como apoio à elas e são usadas no meio digital e papelaria.
PANTONE 7579 C # E85423 C M Y K
15 5 3 0
R 217 G 227 B 236
PANTONE
PANTONE
485 C
3517 C
# EA2C24
# AE0000
C M Y K
12 9 10 0
R 220 G 220 B 220
C M Y K
44 36 36 1
R 152 G 152 B 152
CORES Secundárias As cores secundárias são complementares das cores primárias servindo como apoio à elas e são usadas no meio digital e papelaria.
PANTONE 2239 C # 02E5AF C M Y K
98 0 59 0
R 2 G 226 B 172
PANTONE
PANTONE
2420 C
3288 C
# 02CC66
# 008E62
C M Y K
100 0 100 0
R 2 G 201 B 102
C M Y K
100 16 86 6
R 0 G 139 B 98
TIPOGRAFIA A identidade tipográfica da Tecnolatina é formada pela família Montserrat, em sua versão Bold para o lettering e a versão Italic para as assinaturas das linhas de produtos. Somente as fontes dessa família podem ser utilizadas no desenvolvimento de materiais de comunicação da marca. A Montserrat é um fonte flexível que funciona muito bem, tanto no meio digital como no impresso. Ela possui excelente legibilidade e suas versões permitem aplicações dinâmicas e variadas.
A licença para uso da Montserrat é gratuita. A tipografia pode ser adquirida no site: https://fonts.google.com/specimen/Montserrat
Lembramos que fornecê-la sem a compra é pirataria.
Aa
Aa
Montserrat Black
Montserrat Bold
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
Montserrat Semibold
Montserrat Medium
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
Montserrat Regular
Montserrat Light
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
Aa Aa
Aa Aa
23
ELEMENTOS GRÁFICOS O símbolo pode ser desmembrado e todos os elementos e formas que estão presentes nele podem ser utilizados para criar inúmeras padronagens e grafismos desenvolvendo composições dinâmicas e criativas nas peças gráficas para meio digital e impresso. Para este fim, não há regra que restrinja o uso do símbolo para criar apoios gráficos.
APLICAÇÕES
APLICAÇÕES
APLICAÇÕES
Desenvolvido por Priscca â&#x20AC;&#x201C; Brand & Design Studio