MANUAL DE IDENTIDADE VISUAL
APRESENTAÇÃO O Manual de Identidade Visual da Vivonline é um documento técnico que reúne as especificações, recomendações e normas essenciais para a preservação das características da marca da empresa. Seu objetivo é facilitar a sua correta e coerente utilização, propagação, percepção, identificação e memorização. A marca é o maior patrimônio de uma empresa. É nela que toda sua história e força se depositam. A forma como você escreve essa marca, acrescentando símbolos especiais que a torna particular e inconfundível se chama logotipo. A identidade visual é o processo pelo qual uma instituição utiliza os elementos de comunicação para transmitir eficazmente o que faz, como o faz, quem é e como pretende ser compreendida pelo público. Este manual tem o objetivo de informar e orientar a todos sobre a correta utilização do logotipo e do símbolo da Vivonline, de acordo com sua identidade visual. Os parâmetro aqui contidos devem ser seguidos em toda e qualquer produção em que a marca estiver inserida, seja qual for a mídia utilizada.
SOMOS VIVONLINE
1.1 • SIGNIFICADO DO NOME
O nome Vivonline é um acrônimo para
Virtual Information Vehicle Online “Informações virtuais do veículo em linha”
1.2 • EVOLUÇÃO DA MARCA - LOGOTIPO
Jan/2015
Set/2015
Jun/2016
Set/2016
Em sua primeira versão, um símbolo semelhante a um “radar satelital” era utilizado na divisão da palavra “Viv” e “online”. A marca utilizava
Na segunda versão da marca, o vermelho e o azul marinho se tornaram as cores predominantes. Houve também uma mudança significativa na
Na terceira versão, a logo passou a ficar mais curvilínea e com formas mais orgânicas. O apontador deixa de dividir o acrônimo
Para deixar a marca ainda mais moderna e dinâmica, as cores azul e vermelho deixaram de fazer parte na marca e tons monocromáticos
o verde, azul e roxo na composição cromática. Na descrição, localizado abaixo da marca, a palavra “RASTREAMENTO” era usada para definir o segmento da empresa.
fonte, que passou a ter traços mais modernos e equilibrados. O símbolo nessa versão, um “olho dentro de um apontador GPS”, permanece dividindo o acrônimo, porém mais harmônico e com menos elementos em sua composição.
“VIV” e ganha uma forma única em relação a apontadores vastamente utilizados por outras empresas. Ele também teve sua rotação levemente alterada, o que sugere movimento e dinamismo. A marca passou a contar com tonalidades mais claras: um azul mais vivo e um vermelho mais vibrante.
variados passam a ser (tons oficiais: verde, turquesa, azul marinho, vermelho, preto, laranja e amarelo). Dessa maneira, em meios variados (impressos e eletrônicos), a marca se torna mais versatil e adaptável.
1.3 • EVOLUÇÃO DA MARCA - SÍMBOLOS
Jan/2015
Set/2015
Jun/2016
Set/2016
MARCA
2.1 • SÍMBOLO
Território / Abrangência
Lente / Monitoramento
Apontador / Tecnologia
2.2 • LOGOTIPO
A mesma fonte utilizada na marca anterior se manteve e foi acrescentado a letra “O” (que antes era formada por um símbolo gráfico) e foram feitos também alguns ajustes de espaçamento, altura e no desenho das letras. Além de possuir uma bela harmonia com curvas e retas, a fonte possui uma boa legibilidade estética e transmite modernidade. Diferentemente da forma de escrita em textos e publicações, no caso do logotipo, a primeira letra do nome “Vivonline” está em caixa baixa. Ao remover o símbolo como divisor do acrônimo, buscamos facilitar a leitura e entendimento do nome da instituição.
2.3 • VERSÃO HORIZONTAL / POSITIVA
2.4 • VERSÃO VERTICAL / POSITIVA
2.5 • VERSÃO HORIZONTAL / NEGATIVA
2.6 • VERSÃO VERTICAL / NEGATIVA
2.7 • ÁREA DE PROTEÇÃO / VERSÃO HORIZONTAL
1x
1x
1x
1x
1x
2.8 • ÁREA DE PROTEÇÃO / VERSÃO VERTICAL
0,5x
0,5x
0,5x
0,5x
1x
2.9 • MALHA CONSTRUTIVA / VERSÃO HORIZONTAL
10
3
2.10 • MALHA CONSTRUTIVA / VERSÃO VERTICAL
9
7
2.11 • REDUÇÕES MÁXIMAS
2 cm
3 cm 0,65 cm
1,4 cm
A redução máxima para a aplicação da marca na versão horizontal é de 3 cm x 0,65 cm. Para a aplicação da marca na versão vertical, a medida máxima de redução é de 2 cm x 1,5 cm. Recomendamos que não haja uma aplicação da marca em medidas inferiores a estas especificadas para preservar a leitura, a visibilidade e a forma.
2.12 • APLICAÇÕES VARIADAS PERMITIDAS
Para aplicação sobre cores com efeito gradiente, em que se mistura tons escuros e tons claros, a marca deve ser aplicada sobre um box branco respeitando seus limites de proteção e na sua versão positiva.
Para aplicação sobre cores de tom claro como rosa, lilás, bege etc, a marca deve ser aplicada em monocromia escura para uma boa legibilidade.
Para aplicação sobre imagens bem contrastadas, a marca deverá ser aplicada dentro de um box branco respeitando seus limites de proteção e na sua versão positiva.
2.13 • APLICAÇÕES VARIADAS NÃO-PERMITIDAS
Não remover letras ou aplica-los Não esticar ou distorcer as formas da marca.
Não alterar as cores ou a proporção de tamanho dos elementos da marca.
com posicionamento incorreto. O uso do preenchimento, apenas no contorno, também não é indicado.
2.14 • APLICAÇÕES VARIADAS NÃO-PERMITIDAS
Não aplicar a marca sobre uma imagem bem contrastada para não dificultar sua visibilidade.
Não incluir contorno nos
Não aplicar a marca
elementos da marca e nem fazer aplicação de forma que comprometa a visibilidade.
em sua forma positiva ou negativa sobre qualquer outra cor fora dos padrões da marca.
CORES
3.1 • MAPA CROMÁTICO
#FFD100
#C4D600
#E35205
#D50032
#00BFAB
#3F2A56
3.2 • ESCALA DE CORES DA MARCA
A M A R E L O
T U R Q U E S A
V E R M E L H O
PANTONE 109 C CMYK 000 - 009 - 100 - 000 HEX #FFD100 RGB 255 - 209 - 0
PANTONE 3262 C CMYK 076 - 000 - 038 - 000 HEX #00BFB3 RGB 0 - 191 - 179
PANTONE 199 C CMYK 000 - 100 - 072 - 000 HEX #D50032 RGB 213 - 0 - 50
V E R D E
L A R A N J A
R O X O
PANTONE 382 C CMYK 028 - 000 - 100 - 000 HEX #C4D600 RGB 196 - 214 - 0
PANTONE 166 C CMYK 000 - 076 -100 - 000 HEX #E35205 RGB 227 - 82 - 5
PANTONE 669 C CMYK 087 - 097 - 008 - 049 HEX #3F2A56 RGB 63 - 42 -86
3.3 • MIX CROMÁTICO
3.4 • EXEMPLO DE COMBINAÇÕES CROMÁTICAS PERMITIDAS
TIPOGRAFIA
4.1 • FONTE DO LOGOTIPO
Harabara Mais Demo
AaBbCcDdEeFfGgHh 123456789*@#$%&?
4.2 • FONTE INSTITUCIONAL
Exo 2 Extra Light
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Thin
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Extra Light Italic
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Thin Italic
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Light Italic
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Regular
AaBbCcDdEeFfGgHh123456789*@#$%&?
4.2 • FONTE INSTITUCIONAL
Exo 2 Italic
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Medium
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Medium Italic
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Semi Bold
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Semi Bold Italic
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Bold
AaBbCcDdEeFfGgHh123456789*@#$%&?
4.2 • FONTE INSTITUCIONAL
Exo 2 Bold Italic
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Extra Bold
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Extra Bold Italic
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Black
AaBbCcDdEeFfGgHh123456789*@#$%&? Exo 2 Black Italic
AaBbCcDdEeFfGgHh123456789*@#$%&?
REDES SOCIAIS
5.1 • LINKS
facebook.com/vivonlinebrasil instagram.com/vivonlinebrasil twitter.com/vivonlinebrasil linkedin.com/company/vivonline-brasil
5.2 • AVATAR - QUADRADO
1
1
5.3 • AVATAR - CIRCULAR
1
1
ÍCONES
6.1 • ÍCONES - TRANSPORTES
1. Helicoptero
2. Avião
3. Carro
4. Van
5. Caminhão
6. Ônibus
7. Pick Up
8. Trator
9. Carga / Container
10. Motocicleta
11. Embarcação
12. Trailer
13. Carro-forte
14. Off Road
15. Motor Home
6.2 • ÍCONES - NEGÓCIOS
1. Indicação de cliente
2. Negócio fechado
3. Desconto na mensalidade
4. Smartphone
5. Satélite exclusivo
6. Gráficos e metas
7. Telefone 24 horas
8 . Assinatura de contrato
9. Dúvidas frequentes
10. Mídia / TV
11. Web site
12. 12.Encenações Motor Home
13.. Mídia Carro-forte 13 / Back Bus
14. Eletrônico 14. Correio Off Road
15. / Radio 14.Mídia Off Road
6.3 • ÍCONES - ASSISTÊNCIA
1. Abastecimento
2. Borracharia
3. Autoelétrica
6. Chaveiro Telefone comercial
7. Táxi Serviço expresso 7.
8. 8 .Reboque Assinatura de contrato
4. Mecânica
5. Hospedagem Satélite exclusivo