Guia de

Identidade
Visual
Abril 2020
 Seja bem-vindo à Vivo.
Neste guia você encontrará as diretrizes que ajudam a dar vida
à nossa identidade. Contamos com você para criar verdadeiras
experiências Vivo e construir uma marca cada dia mais forte.

Em caso de dúvida, consulte o time de Branding.

2
Índice
Estratégia Nosso Nosso Nossas Vivinho Tipografia
de marca propósito logotipo cores

Cobranding Endosso Estilo Ilustração Ícones Botões

Telefônica fotográfico

3
Estratégia
de marca
4
 Estratégia de marca
Missão

A marca Telefônica exerce o papel Marca institucional

corporativo e institucional, portanto é
utilizada na comunicação com acionistas,
governo, imprensa e outros stakeholders.
Os clientes nos identificam através de
nossas marcas comerciais: Vivo, Movistar
e O2. Essas marcas representam nossos
produtos e serviços em diferentes países.
A missão do Grupo Telefônica é:

Tornar nosso mundo mais humano,

conectando a vida das pessoas.

Marcas comerciais
Vivo, Movistar e O 2
pertencem ao Grupo Telefônica

5
Nosso
Propósito
6
 Nosso Propósito

Digitalizar para Aproximar

A Vivo acredita que a revolução tecnológica
deve ser parte da vida de todas e todos,
e não um privilégio de poucos. Queremos
que as oportunidades que o mundo digital
oferece sejam universais, contribuindo como
uma força positiva para a transformação
individual, das empresas e da sociedade.
Por isso levamos a digitalização a milhões
de brasileiros, promovendo sua aproximação
a diferentes universos e realidades,
reduzindo a distância entre as pessoas
e o que importa para cada uma delas –
educação, cultura, entretenimento, saúde,
negócios e, acima de tudo, outras pessoas.
Ao investirmos constantemente em
infraestrutura, serviços e inteligência
de dados, não apenas lideramos os
avanços tecnológicos, mas criamos
soluções para que pessoas e empresas
se digitalizem e estejam preparadas
para as transformações que virão.

7
Nosso
Logotipo
8
Nosso Logotipo
Introdução

Nosso logotipo tem design simples e atemporal.

Os cantos arredondados transmitem proximidade e o
tratamento sem volume é adequado ao ambiente digital.

9
 Nosso Logotipo
Cores

Cor principal
Cor principal
Utilize o logotipo Vivo preferencialmente
em púrpura. Essa é nossa cor principal
e seu uso garante identificação e
consistência na comunicação.

Cores alternativas
Quando a versão preferencial não tiver um
bom contraste com o fundo e sua visibilidade
Cores alternativas
ficar prejudicada, você pode aplicar o logo em
branco. Mas tenha cuidado para que o púrpura
esteja presente em outros elementos da peça.
Apenas em caso de limitação técnica,
o logo pode ser utilizado em preto.

Vale lembrar!
Utilize sempre os arquivos
originais fornecidos pela
Vivo. Não é permitido
reconstruir o logotipo.

10
 Nosso Logotipo
Regras básicas

Área de proteção Dimensões mínimas

O logo tem uma área de proteção para garantir sua melhor visualização. Para garantir sua legibilidade, não utilize o logotipo
Os layouts devem sempre respeitar esta área, com distância menor do que as medidas recomendadas.
suficiente das bordas e sem interferência de elementos gráficos.

2x 2x x 2x

x 2x

x 2x
Para Impressão: 15mm
Para Tela: 35pixels
x

2x

11
 Nosso Logotipo
Regras básicas

Regra de aplicação Anúncio impresso

Priorize sempre a visibilidade e
reconhecimento da nossa marca.
Escolha a orientação e posição do
logo mais adequadas, de acordo com
sua criação, formato e a mídia.

Mobiliário urbano

12
 Nosso Logotipo
Regras básicas

Logotipo vertical
Viva mais o mundo
Esta é a posição preferencial para impressos

0 7 dias
com
x/6
como anúncios, catálogos e folhetos.
Ela garante a visibilidade do logotipo
e traz personalidade à comunicação. no exterior para toda a família.

Sua posição é fixa. Para posicioná- tata_m1

New York, USA >

lo, divida o maior lado da peça por

30, criando assim uma margem.
Para definir seu tamanho mínimo,
divida este mesmo lado por 6. x

vivo.com.br/pos
x/30 Promoção válida até 30/11/2018. Planos Família com 7 diárias Vivo Travel gratuitas para cada linha por ano. Consulte planos participantes em www.vivo.com.br/pos.
As diárias excedentes serão tarifadas conforme regras de cada país. Consulte os países participantes em www.vivo.com.br/travel.

13
 Nosso Logotipo
Regras básicas

x/6
Logotipo horizontal x
O logotipo na horizontal garante o
destaque da marca em peças como Out-
Of-Home (OOH), que exigem simplicidade x/6
de mensagem e alta visibilidade em x/6
locais de grande fluxo e interferências
visuais, por isso, a versão do logo na
horizontal é preferencial nesse meio. x
Para definir seu tamanho, divida o maior
lado da peça por 6. Sua posição pode
variar, mas respeite sempre a margem de
1/30 da medida do maior lado. Aplique x/30
o logo na metade superior da peça ou na x/30
posição onde tiver maior visibilidade.

Referência para MUB (ponto de ônibus) Referência para MUB

(ponto de ônibus ou relógio)

Vale lembrar!
O logo na horizontal não possui
posição fixa, mas é importante
garantir sempre sua visibilidade
e destaque na peça.

14
15
 Nosso Logotipo
Logotipo + Vivinho

Em peças que não tenham a identidade de Versão horizontal Versão vertical

produto ou serviço, recomenda-se utilizar
o logo da Vivo e Vivinho juntos, de forma
a garantir maior presença e reconhecimento
da nossa marca.

Essa versão do logo deve ser usada, por

exemplo, em campanhas institucionais,
materiais de eventos e patrocínios, displays
em lojas e comunicações feitas por parceiros.

Para aproveitar o espaço da melhor forma,

você pode escolher entre a versão horizontal
ou vertical.

Cor

A versão preferencial é o púrpura, mas

quando isso não for possível, o logo e
Vivinho podem ser aplicados em preto e
branco (sempre os dois elementos em uma
mesma cor).

16
 Nosso Logotipo
Logotipo + Vivinho

Vale lembrar!
Não reconstrua a
composição e utilize os
arquivos originais, sem
alterar proporção e cor.

17
26
 Nosso Logotipo
Digital

Regra de aplicação
Para maior consistência no meio
digital, sugerimos tamanhos mínimos
e posições para o logo Vivo de
acordo com a área e tipo de peça.
Veja a seguir as regras específicas
para cada formato.

16
18
 Nosso Logotipo
Digital

Logotipo para sites, landing pages Acima de 480px Abaixo de 480px

e aplicativos
5% 25%
Em sites, landing pages e aplicativos,
o tamanho do logo é definido de
Para você Empresas
acordo com a resolução da tela.
São Paulo, SP

Lor ipsum Dolor sit Sit amet Consectetur Busca

Lor ipsum Dolor sit Sit amet
Quando o grid for superior a 480
pixels, o logotipo da Vivo terá 5% da
sua largura. Em telas menores, para Para você Empresas São Paulo, SP

garantir sua visibilidade, aplique o Lor ipsum Dolor sit Sit amet Consectetur Busca
FIBRA
Lor ipsum Dolor sit Sit amet
logo com 25% da largura do grid.

FIBRA Para você Empresas São Paulo, SP

Lor ipsum Dolor sit Sit amet Consectetur Busca

Lor ipsum Dolor sit Sit amet

100% (largura do grid,

ex: 320px, 360px...)

100% (largura do grid, ex: 1280px, 1366px, 1440px...)

19
 Nosso Logotipo
Digital

Super Banner
Vertical Skyscraper

Logotipo em mídia online:

90 pixels
90 px
Para os formatos de mídia online indicados
nessa página, o tamanho mínimo do logo
Vivo é de 90 pixels e a margem de 15 pixels. 1/2

Quando aplicado na vertical tem posição

fixa, no canto superior esquerdo.
A versão horizontal deve ser aplicada na Arroba
primeira metade da peça, onde houver
maior destaque, de acordo com o layout. 15px

1/2

Super Banner

Vale lembrar!
Estas medidas são sugestões
de tamanho mínimo do
logotipo. Para maior
visibilidade, o logo pode ser 1/2
aplicado em tamanho maior.

20
 Nosso Logotipo
Digital

Super Banner Vertical Skyscraper

Logotipo em mídia online:
90 pixels
90 px MOTO Z2
Arroba (300 x 250)
FORCE DTV MOTO Z2
Super Banner vertical (160 x 600) EDITION FORCE DTV
EDITION
Skyscraper (120 x 600)
Super Banner (728 x 90)
Carrossel (600 x 600)
Post Patrocinado (526 x 275)

Arroba

98
MOTO Z2 12x de
,99
FORCE DTV
R$ sem

98
juros
EDITION 12x de
,99
NO PLANO FAMÍLIA 50GB
R$ sem
juros

98
NO PLANO FAMÍLIA 50GB
12x de
,99
R$ sem
juros
NO PLANO FAMÍLIA 50GB

Compre aqui Compre aqui

Compre aqui

Super Banner

98 ,99
12x de
MOTO Z2
FORCE DTV EDITION R$ sem
juros Compre aqui
NO PLANO FAMÍLIA 50GB

21
 Nosso Logotipo
Digital

Logotipo em mídia online:

150 pixels
Para Post Patrocinado e Carrossel, 150 px
o tamanho mínimo recomendado
para o logo é de 150 pixels, sempre
respeitando a margem de 30 pixels.
Também para esses formatos, o logo tem Post Patrocinado Carrossel
posição fixa apenas para a versão na vertical. 30px 30px

1/2 1/2

Vale lembrar!
Estas medidas são sugestões
de tamanho mínimo do
logotipo. Para maior
visibilidade, o logo pode ser
aplicado em tamanho maior.

22
 Nosso Logotipo
Digital

Carrossel

Logotipo em mídia online:

150 pixels
Post Patrocinado: 526 x 275 pixels 150 px
Como os posts patrocinados são
visualizados em outros sites, eles
Quer saber
devem ter sempre o logo Vivo.
o consumo
detalhado do
Carrossel: 600 x 600 pixels seu plano?
Aplique sempre que possível o nosso
logotipo no primeiro e último frame
para garantir o reconhecimento da Vivo.
Isso garante a identificação da nossa
marca mesmo em aparelhos em que Post Patrocinado
o avatar não é tão visível ou em peças
da Vivo com outras marcas cooperadas.

Acesse pelo
App Meu Vivo de
um jeito prático. Baixe o App Meu Vivo.

23
 Nosso Logotipo
Logotipo Combinado

Quando o produto ou serviço tem

“Vivo” no seu nome, utilize o logo
combinado. Ele é uma junção entre o
logotipo Vivo e o nome do produto ou
serviço escrito na fonte Vivo Regular.
Esse logotipo combinado se torna
o logo principal da peça e não há
necessidade de incluir outro.

24
 Nosso Logotipo
Logotipo Combinado

Regras de construção
O nome pode ser escrito em uma ou x
duas linhas, com tamanhos e espaçamentos
seguindo as regras ao lado.
A combinação poderá variar de acordo
com o layout, respeitando as proporções
entre o logo e o nome combinado.
0.5x

1.5x

25
 Nosso Logotipo
Logotipo Combinado

Regras de aplicação
O logo Vivo deve ser aplicado sempre em
púrpura ou branco, mas o restante do nome
pode estar em qualquer uma das cores da
nossa paleta ou degradês (Cores página 29).
PRÉ
O Logo Combinado é sempre utilizado na
horizontal e tem posição e tamanhos livres.
x/6

Vale lembrar!
Respeite o tamanho
mínimo do logo Vivo
(15mm/35 px) também x/30
na versão combinada.

26
 Nosso Logotipo
Peças sem logotipo

Em ambientes Vivo, não há a

necessidade de aplicar o logotipo
em todos os pontos de contato.
Para evitar o excesso de marcas,
não utilize logo Vivo nos cartazes
das lojas, postagens de redes
sociais e banners no nosso site.

Vale lembrar!
Sempre que houver a marca
de parceiros nos materiais,
recomendamos manter
também o logo Vivo.

27
 Nosso Logotipo
Logo Sonoro

Nossa marca também pode (e deve) ser

ouvida! Para isso, existe o logo sonoro da
Vivo. Com o objetivo de gerar consistência
e brand linkage com a nossa marca, o logo
sonoro é um importante elemento que pode
ser utilizado tanto em eventos proprietários,
quanto no fechamento dos nossos filmes.

Vale lembrar!
O logo sonoro deve ser
utilizado sem a intervenção
de locução, trilha ou
qualquer outro ruído.

28
Nossas
Cores

29
 Nossas Cores
Paleta Cromática

Cor principal Cores secundárias

Cor principal
Púrpura Rosa Laranja
O púrpura é nossa cor principal. Ela Pantone® 2603 Pantone® 213 Pantone® 151
deve estar sempre presente em todos C 71% C 0% C 0%
os nossos pontos de contato. Ela M 100% M 90% M 50%
Y 0% Y 20% Y 100%
garante o reconhecimento da marca e K 0% K 0% K 0%
diferenciação perante a concorrência. R 102 R 235 R 255
G0 G 60 G 153
Cores secundárias B 153 B 125 B0

#660099 #eb3c7d #ff9900

As cores secundárias trazem vida e
energia para nossa identidade. A Vivo
é multicolorida para representar a
diversidade brasileira e o amplo portfólio
de produtos e serviços que oferecemos.

Verde Azul
Pantone® 376 Pantone® 3005

C 50% C 100%
M 0% M 37%
Y 100% Y 0%
K 0% K 0%

R 153 R0
G 204 G 102
B 51 B 204

#99cc33 #0066cc
Vale lembrar!
Cuidado com os excessos. Prefira utilizar o
púrpura e apenas uma cor secundária para
layouts coloridos e simples.

30
 Nossas Cores
Paleta Cromática

Cores de apoio Cinzas - Meio Digital

Cores de apoio Púrpura apoio Para textos com contraste
Quando as cores secundárias não permitirem C 75% R 70 #461e5f R0 G0 B0
boa visibilidade dos elementos e textos, utilize M 100% G 30 #000000
Y 10% B 95
nossa paleta de apoio para garantir o contraste. K 20% Para textos rebaixados ou secundários
Dê preferencia à essa paleta em sites R102 G102 B102
e aplicativos e utilize o rosa escuro Rosa apoio
#666666
para indicar ERRO e ATENÇÃO e o
C 0% R 205 #cd1e5a Cor de linhas divisórias
verde escuro para algo CORRETO. M 100% G 30
Y 35% B 90 R204 G204 B204
K 15% #CCCCCC

Cor de linhas divisórias e ícones

Laranja apoio R221 G221 B221
#DDDDDD
C 0% R 250 #FA6423
M 75% G 100
Y 100% B 35 Fundo de campo de desabilitado
K 9%
R238 G238 B238
#EEEEEE
Verde apoio
Cor de fundo para hover de listas
C 80% R 50 #32A04B R247 G247 B247
Cinzas M 15% G 160
#F7F7F7
Y 100% B 75
Para o meio digital, conte também K 0%
Cor de fundo do espaço entre cards
com a paleta de cinzas.
R249 G249 B249
Azul apoio
#F9F9F9
Vale lembrar! C 100% R0 #0055a0
M 60% G 85
Nossa cor principal sempre será o purpura, Y 20% B 160
Cor de ícone em fundo de foto/cor, de cards e de página
Pantone 2603. Ele não deve ser substituido K 0% R255 G255 B255
independente da mídia ou layout. #FFFFFF

31
Nossas Cores
Paleta Cromática

32
 Nossas Cores
Degradês

1 cor
Os degradês trazem movimento e
modernidade à nossa comunicação.
Podemos utilizar os degradês de uma cor ou
de duas cores em elementos gráficos, logo
combinado, pictogramas e no Vivinho.

Degradê de uma cor

Esses degradês são formados pela
passagem de cada uma das cores
da nossa paleta cromática.

Degradê de duas cores

São degradês formados pelo púrpura e as
cores da paleta (exceto o verde), respeitando
a proporção especificada ao lado.
2 cores

Vale lembrar!
Utilize apenas uma opção de
degradê por peça. Use sempre
os arquivos originais disponíveis
no nosso portal de marca, sem
reconstruir os elementos de
marca. 30% 70%

33
Nossas Cores
Degradês

34
Vivinho
35
 Vivinho
Introdução

O Vivinho é o símbolo da nossa marca.

Ele humaniza nosso serviço e nos
aproxima das pessoas. Ele não tem
gênero nem idade, representando
a diversidade e a inclusão.
Procure sempre utilizá-lo de maneira
criativa na nossa comunicação em
sua versão Shape ou Ilustrado.

Vivinho Shape Vivinho Ilustrado

36
 Vivinho
Shape

O Vivinho Shape pode ser aplicado em

qualquer uma das nossas cores e degradês.
Ele ajuda na identificação com a marca e
pode ser usado em qualquer mídia e na
comunicação de todos os nossos produtos.

Cores

Degradês de uma cor

Vale lembrar!
• Embora seu uso seja recomendado,
tenha cuidado para que ele esteja
sempre contextualizado na criação.
• Não é permitido humanizar o Vivinho
acrescentando acessórios e adereços,
pense nele como uma redução da
nossa marca.
Degradês de duas cores
• Evite mais de um Vivinho em uma
mesma peça.

37
 Vivinho
Shape

O Vivinho pode ser aplicado na vertical Inclinação

ou com inclinação de no máximo 22º
Oº Oº Oº
de angulação à direita ou à esquerda. 22º 22º
Preservar o contorno do Vivinho
é muito importante para garantir
seu reconhecimento.
Caso você o utilize cortado, mantenha
visível ao menos 4 ângulos do seu contorno.
Caso ele seja parte de uma ilustração
ou textura, fique atento para que seu
contraste permita uma boa visualização.
Para impressos, respeite o tamanho
mínimo indicado. Para digital, tenha
cuidado para que sua forma seja
entendida no tamanho aplicado.

Tamanho mínimo Aplicação

10mm

38
Vivinho
Shape

39
 Vivinho
Ilustrado

O Vivinho ilustrado pode ser usado

para representar serviços, produtos,
conceitos, reforçar uma ideia ou ainda
garantir a presença da marca.
Pode ser ilustrado de maneira bidimensional
ou tridimensional, mas sempre respeite
seu contorno e formato originais.
Quando ele ajuda a transmitir a
mensagem principal da comunicação,
ou constrói a identidade de um
produto ou serviço, resulta em um
visual mais rico e proprietário.

40
Tipografia
41
 Tipografia
Vivo Regular

A Vivo Regular é nossa fonte proprietária

e foi desenhada a partir do nosso
logotipo. Ela tem uso restrito e não
deve ser usada para títulos e textos.
Seu uso é limitado a nomes de produtos,
serviços, eventos ou motes de campanha.
Como não é permitido criar logos dentro
da Vivo, essa é nossa forma para dar
personalidade a algumas iniciativas.
regular
42
Tipografia
Vivo Regular

43
 Tipografia
ITC Officina Serif

Olá, sou a ITC

A ITC Officina Serif é a nossa fonte para
corpos de texto e títulos, por ter um
desenho amigável e fácil leitura.
Evite seu uso em caixa alta e
também valores negativos de kerning

Officina Serif Book

(espaçamento entre as letras). Para o
tracking (expansão e compressão da
letra), o ideal é manter em zero.
O leading (entrelinha dos textos) deve
ter no mínimo o mesmo tamanho

e também tenho a
da letra e no máximo a medida
automática estabelecida pelo programa
de edição que você estiver usando.

Vale lembrar!
versão bold.
A ITC Officina Serif é uma fonte
comercial, que não é propriedade
da Vivo. Deve ser adquirida no
site: www.fonts.com.

44
Tipografia
ITC Officina Serif

No Dia das Mães,

O que você tem tudo na Vivo.
vai fazer com
seu smartphone
antigo?
O Brasil é hoje o maior produtor de lixo eletrônico
da América Latina e um dos maiores do mundo.
Em parceria com a Amazon, a Vivo lançou um projeto
que transforma smartphones descartados em livros
digitais.

Cada smartphone se tornou um aparelho com

diversos títulos da nossa literatura, incentivando
a leitura e levando cultura e educação para escolas
públicas e comunidades.

Samsung Galaxy A9 Samsung Galaxy S10+

124
128 GB

217
18x
R$ 18x
R$
No plano família 30GB.
No plano família 30GB.

Imagens meramente ilustrativas. Verifique a disponibilidade

de estoque na loja. Os produtos são vendidos separadamente.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accu-
santium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

1109_AFR_Vivo_Terminais_DiaDasMaes_CartazSamsung_21x29,7.indd 1 4/3/19 11:01 AM

45
 Tipografia
Tipografia criativa

Intervenções criativas nas fontes Officina

e Vivo Regular podem ser utilizadas para
tornar o texto protagonista da peça,
reforçando a mensagem e criando um layout
proprietário para o produto ou serviço.

Vale lembrar!
Utilize apenas as fontes Officina
e Vivo Regular como base e
evite alterar sua forma original.

46
 Tipografia
Digital

ROBOTO LIGHT
Roboto
Para ambiente digital, utilize as variações da
família Roboto: Light, Regular e Medium.
Os textos de sites, botões e aplicativos
devem ser escritos em Roboto para melhor
Acima de 20px (geralmente títulos, subtítulos, text input
legibilidade, mas os textos de banners, nesses de formulários e corpo de texto com bastante espaço)
ambientes digitais, devem estar em Officina.
Essa é uma fonte desenhada pelo Google

ROBOTO REGULAR
especialmente para esse universo
e o link para o download é:
https://fonts.google.com/specimen/Roboto

Acima de 20px (geralmente corpo de texto com pouco

espaço, descrições, labels de formulários e texto legal)

ROBOTO MEDIUM
47
Tipografia
Digital

48
Cobranding
49
 Cobranding
Offline

Quando estiver construindo uma

comunicação realizada pela Vivo com
y y
LOGOTIPO
PARCEIRO
uma marca parceira, tenha cuidado para
respeitar todas as regras deste manual e
não misturar elementos das duas marcas.
A área reservada para o logotipo do x x
parceiro tem o mesmo tamanho do
logotipo Vivo e deve ser aplicado no
canto superior direito da peça.

LOGOTIPO
PARCEIRO

Vale lembrar!
Sempre que possível, em peças offline
de cobranding, o logotipo Vivo deve
ser aplicado na vertical. Caso seja
aplicado na horizontal ou como
logotipo combinado, a largura do
logo parceiro não deve ultrapassar
a medida do maior lado da peça
dividido por 6.

50
 Cobranding
Offline

Caso haja mais de um logotipo parceiro,

os logos irão lado a lado. O tamanho Compre smartphones LG
deles juntos deve corresponder ao nas lojas Vivo e ganhe
mesmo tamanho do logo Vivo e manter uma mochila da Adidas.
a distância de um “i” entre os logos,
conforme o exemplo da direita.

NOVO SAMSUNG
GALAXY A7
Com câmera tripla
21x de

sem RESISTENTES
juros A ÁGUA

No Plano Família 30GB

Compre um LG G7 ThinQ, LG Q Note+ ou LG Q7+ nas lojas Vivo, cadastre

a nota fiscal no site da promoção e escolha a cor preferida da sua mochila
Adidas. Acesse www.promocaolgeadidas.com.br e saiba mais.
Promoção válida apenas para lojas físicas.

Loja Vivo vivo.com.br

Loja Vivo vivo.com.br
DDDs 11, 12, 13, 14, 15, 17, 18, 19, 22, 24, 27, 28, 31, 32, 35, 37, 38, 51, 53, 54, 55, 61, 62, 63, 64, 65, 66, 67, 68, 71, 73, 74, 75, 77, 79, 92, 93, 94, 95, 96, 97 e 99: O valor informado refere-se à oferta do aparelho Samsung Galaxy A7 64GB em até 21x de R$ 63,28 (à vista: R$ 1.329,00), se habilitado no Plano Vivo Família
30GB com valor de R$ 289,99/mês, com permanência mínima de 12 meses. DDDs 16, 21, 33, 34, 41, 42, 43, 44, 45, 46, 47, 48, 49, 69, 81, 82, 83, 84, 85, 86, 87, 88, 89, 91 e 98: O valor informado refere-se à oferta do aparelho Samsung Galaxy A7 64GB em até 21x de R$ 63,28 (à vista: R$ 1.329,00) se habilitado no Plano Participação válida de 7/12/2018 a 28/2/2019, ou enquanto durar o estoque de 2.000 mochilas, mediante a compra dos produtos participantes exclusivamente em lojas físicas e cadastramento no
Vivo Família 30GB com valor de R$ 229,99/mês, com permanência mínima de 12 meses. Oferta válida de 20/12/2018 até 31/1/2019, em todo o território nacional, para clientes de outras operadoras que realizarem a portabilidade e para clientes Vivo, não fidelizados, que contratarem ou que estejam ativos no Plano Vivo
Família 30GB. Parcelamento válido para pagamento com cartão de crédito, sem juros: em até 21x pelo Banco Itaú em todos os cartões Itaucard, em até 18x pelo Banco do Brasil em todos os cartões de crédito Ourocard das bandeiras Visa e Elo, e em até 12x nos demais bancos. Valor do chip (R$ 12,00) não incluso. Oferta sujeita
site www.promocaolgeadidas.com.br. Consulte o regulamento completo no site da promoção. CERTIFICADO DE AUTORIZAÇÃO CAIXA N° 3-8479/2018. Esta promoção é promovida pela LG, não havendo
a disponibilidade, reajuste e análise de crédito, conforme legislação vigente. responsabilidade da VIVO na distribuição dos prêmios.

Vale lembrar!
Para iniciativas lideradas
pelo parceiro e apoiada pela
Vivo, consulte o capítulo
Logotipo + Vivinho.

51
 Cobranding
Online

Para peças online aplicamos o logotipo do

parceiro segundo o tamanho da mídia.
55 px
Carrossel e post patrocinado: logotipo 33 px
parceiro deve ter 150x55 pixels.
Demais banners: logotipo parceiro
deve ter 90x33 pixels.
150 px 90 px

LOGOTIPO
55 px LOGOTIPO PARCEIRO
33 px

PARCEIRO 90 px

150 px

52
Cobranding
Online

Super Banner Vertical Skyscraper

(160 x 600) (120 x 600)

MOTO Z2
FORCE DTV
EDITION
MOTO Z2
FORCE DTV
Carrossel (600 x 600) EDITION

MOTO Z2 Arroba (300 x 250)

FORCE DTV
EDITION 98 ,99
12x de
MOTO Z2
R$ 98 ,99
12x de
FORCE DTV sem

EDITION
juros
R$ sem
juros

98
NO PLANO FAMÍLIA 50GB
NO PLANO FAMÍLIA 50GB

,99 98
12x de Post Patrocinado (526 x 275) 12x de
,99
R$
R$
sem
juros
sem NO PLANO FAMÍLIA 50GB
juros
MOTO Z2
MOTO Z2
Compre aqui Compre aqui Compre aqui
NO PLANO FAMÍLIA 50GB FORCE DTV
EDITION
FORCE DTV
98
,99
12x de Super Banner (728 x 90)
Compre aqui R$ EDITION
98
sem
juros
Compre aqui
12x de
,99
NO PLANO FAMÍLIA 50GB MOTO Z2
FORCE DTV EDITION R$ sem
juros
Compre aqui
NO PLANO FAMÍLIA 50GB

Logo Vivo e logo parceiro: 150x55 pixels. Logo Vivo e logo parceiro: 90x33 pixels.

53
Endosso
Telefônica
 Endosso Telefônica
Offline

O endosso Telefônica cria uma conexão

entre as marcas comerciais e a marca
institucional, demonstrando nossa
solidez e relevância global.
O endosso deve ser posicionado
no canto inferior esquerdo e para x
definir seu tamanho em peças offline,
divida o maior lado por 20.
Devemos garantir uma distância entre o
endosso e o texto legal ou margem da peça,
equivalente ao mesmo tamanho do endosso.

x/20

Vale lembrar!
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
Para OOH, por causa de suas 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
grandes dimensões, em vez de
calcular 1/20, utilize o tamanho
fixo de 9 cm de comprimento.
A mesma medida é utilizada em
ponto de ônibus e relógio.

55
 Endosso Telefônica
Offline - Versão Empresas

Nas comunicações de Vivo Empresas, o

endosso Telefônica é acompanhado pela
descrição SOLUÇÕES EMPRESARIAIS.
As regras de posição e tamanho são as
mesmas e devemos considerar apenas
o logo Telefônica para o cálculo. x

x/20

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

56
 Endosso Telefônica
Online

Acima de 480px Abaixo de 480px

Para ambientes online como sites
e apps, o endosso Telefônica
deve seguir o padrão definido de Para você Empresas São Paulo, SP

acordo com a resolução da tela. Lor ipsum Dolor sit Sit amet Consectetur Busca
Lor ipsum Dolor sit Sit amet

100% (largura do grid,

ex: 320px, 360px...)

100% (largura do grid, ex: 1280px, 1366px, 1440px...)

25%

Vale lembrar!
Não é necessário aplicar
o endosso Telefônica em
banners online.
5%
57
Estilo
Fotográfico
58
 Fotografia
Diretrizes Conceituais

Tem todxs na Vivo

Valorizamos a diversidade e a inclusão.
Nossa essência é brasileira e fomentamos
uma cultura aberta e múltipla.
Compreendemos que cada individuo é
único em sua identidade e trajetória, e que
essas diferenças devem ser representadas
no nosso casting. Nossos produtos são
para todo mundo e devemos representar
essa diversidade presente no país.
Busque representar diferentes idades,
raças e estilos, gente de verdade, sem
estereótipos e conceitos pré-estabelecidos.

59
 Fotografia
Diretrizes Conceituais

Conexões humanas
Através da fotografia nos aproximamos
dos nossos consumidores.
Nossas fotos trazem um olhar humano,
mostrando a vida real e fazendo com
que as pessoas se identifiquem com as
situações e personagens retratados.

60
 Fotografia
Diretrizes Conceituais

Histórias
Contamos a história por trás
dos personagens, refletida nas
características pessoais de cada
um, como roupas, cabelos, pintas,
rugas e expressões positivas,
que transmitam os atributos e
a essência da nossa marca.

61
 Fotografia
Diretrizes Conceituais

Olhar curioso
Nosso olhar é curioso. Por isso
utilizamos pontos de vistas e
enquadramentos inusitados,
que fazem com que as pessoas
que veem a foto se sintam parte
da cena. Nossa câmera revela
detalhes de forma espontânea.

62
 Fotografia
Diretrizes Conceituais

Nosso tom
Somos otimistas, alegres e calorosos!
Representamos isso no tema e
no tratamento das fotos.
Sempre que possível, utilizamos as
cores da nossa paleta, principalmente
o púrpura, para gerar uma maior
associação com a nossa marca.

63
 Fotografia
Diretrizes Conceituais

Vivo Empresas
Para comunicação voltada para PJ,
representamos diferentes realidades
de negócios, da pequena à grande
empresa. As pessoas devem estar
contextualizadas em ambientes
reais, mantendo as características
anteriormente descritas que formam a
essência do nosso estilo fotográfico.

64
 Fotografia
Diretrizes Técnicas

Buscamos representar a mesma

qualidade e cuidado na nossa
comunicação que temos com
nossos produtos e serviços.
Na produção de fotos consideramos
que elas podem ser usadas em outros
materiais e formatos. Evitamos
ângulos muito fechados e, sempre
que possível, realizamos mais de
um clique no mesmo ensaio.

65
Ilustração
66
 Ilustração
Regras básicas

Nossas ilustrações têm o importante papel

de transmitir nossa personalidade de
maneira direta e didática. Elas revelam
o nosso lado mais criativo e devem ser
utilizadas em harmonia com os demais
elementos de marca para agregar significado
ao layout. Busque sempre a melhor forma
de integrar a ilustração na composição,
seja sozinha, ou com fotografias.

Vale lembrar!
Para ilustrações em meio Ilustração com fotografia Ilustração
digital, consulte o manual
específico da área. Qualquer
dúvida sobre o tema, procure
a equipe de Branding.

67
 Ilustração
Estilo

Nossas ilustrações refletem o caráter

inovador e inquieto da marca. São
digitais, atuais e cheias de energia,
transmitindo modernidade e dinamismo.
Construa cada uma delas com muito
cuidado. Respeite e valorize o universo
cromático da marca nas composições.
Personagens ajudam na identificação
e aproximação com a nossa marca.
Brinque com suas proporções e dê ainda
mais personalidade à ilustração.
O estilo flat é atual e transmite
modernidade. Para mostrar o cuidado com
a qualidade dos nossos produtos e serviços,
as ilustrações devem ser ricas em detalhes,
texturas, profundidade e sombras.
Ilustrações hiper-realistas ajudam a
passar uma ideia com bastante clareza.
São ótimas soluções para transmitir
mensagens de maneira simples e direta.

Imagens de referência

68
 Ilustração
Usos incorretos

Nossas ilustrações não devem ter excessos de

elementos ou serem difíceis de compreender.
Evitamos composições muito
complexas, sobreposição de imagens e a
representação de universos fantásticos.
Ao criar personagens, cuidado para não
deixá-los infantis ou muito parecidos com
pessoas reais… Afinal, eles são personagens!
Lembre-se também de ter cuidado
com os detalhes e não utilizar Personagens com traços muito reais Estilização muito simplificada Realismo fantástico
estilos muito simplificados.

Foto composição Traços muito gestuais

69
Ícones

70
 Ícones
Regras básicas

Nossa iconografia pode contribuir na criação

de peças mais simples, objetivas e digitais.
Os ícones representam produtos,
serviços, reforçam mensagens ou ainda
podem ter caráter funcional, ajudando
na navegação de sites e aplicativos.
Seus traços são simples para que sua
visibilidade seja boa, mesmo em tamanhos
pequenos. O uso é permitido em qualquer
uma de nossas cores ou degradês.
Para transmitir conceitos mais complexos,
utilize a combinação de desenhos,
formando ícones compostos.

71
 Ícones
Construção

Pesos
Light: São construídos a partir de linhas
de um módulo e serão usados somente
para tamanhos maiores de 60px.
Regular: São construídos a partir de linhas
de dois módulos e serão usados somente
para tamanhos maiores de 140px.
Temos uma biblioteca de ícones à A retícula é constituída por As linhas devem ter Para cantos retos os
disposição no nosso portal de marca. Caso 40 módulos de 20x20px terminações redondas. vértices serão de 10px.
nossa biblioteca não atenda sua demanda, com uma margem de
40px (dois módulos).
é possível desenhar novos ícones seguindo
as orientações de construção ao lado.

Light: 1 módulo
Regular: 2 módulos

Light Regular As linhas sempre Utilizamos umas das 5 Uma vez finalizado,
estarão encaixadas formas ou parte delas salvamos o ícone em
dentro das retículas. para criar os ícones. Ai, SVG e PNG.

72
Ícones
Aplicações

73
 Ícones de aplicativo
Regras básicas

iOS Android
Ícones para aplicativos e serviços
14px 14px
Esses ícones são utilizados para representar
nossos aplicativos e serviços da loja
on-line da Vivo e nos celulares.

Background EMPRESAS
Para garantir o reconhecimento dos nossos
Púrpura Vivo
aplicativos, as pastilhas (background)
R102 G0 B153
serão sempre na cor púrpura, com Vivinho
#660099
aplicado no canto superior esquerdo.

Vale lembrar!
Utilize o arquivo original
de base para o ícone, não
altere posição, tamanho
e cor do Vivinho.

74
 Ícones de aplicativo
Construção

Foreground
Para criar as ilustrações dos ícones,
sugerimos desenhos simples e objetivos. O
espaço é muito reduzido, por isso quanto
mais direta a representação do serviço,
melhor o entendimento do público.
Preferencialmente, utilize 25 pontos
para os traços. Em desenhos com
vários elementos, você também pode
utilizar variações entre 10 e 15 pontos
e áreas preenchidas com degradê.
Para os degradês presentes nos traços
das ilustrações, você pode explorar os 4
degradês, além da versão cinza e o branco.
Escolha sempre cores e tons que garantam
o contraste com o fundo púrpura.

Sombra
Entre as camada de elementos, aplique uma
sombra com 45º e degradê do púrpura mais 45º
escuro da nossa paleta, de 100% a 0%.

75
 Ícones de aplicativo
Construção

Arte Final Background Foreground

Os ícones devem ser finalizados no 1024px
tamanho de 1024x1024 pixels, tanto
para iOS quanto para Android.
Os arquivos devem ser salvos em 25pt
Ai, EPS e PNG. Para Android salve
separadamente background e foreground. 15pt

1024px

Vale lembrar!
Utilize sempre a base
de arte final fornecida Square Rounded Square Squircle Round
pela Vivo.

76
Botões

77
 Botões
Regras básicas

Os botões são usados em sites, aplicativos Default 40% Branco 40% Preto
e banners, têm design flat, retangular
e cantos levemente arredondados
(corner radius de 4 pixels). Cadastre-se Cadastre-se Cadastre-se Cadastre-se
Utilize preferencialmente as cores de
apoio (Nossas cores, página 29) para
garantir o contraste no meio digital, Recarregue agora Recarregue agora Recarregue agora Recarregue agora
com preenchimento ou outline.
Para diferenciação de estado (hover,
presses, disabled...), acrescente 40% de
branco ou preto sobre as cores de apoio. Veja os planos Veja os planos Veja os planos Veja os planos
A palavra deve estar centralizada, ter
a primeira letra sempre em caixa alta
e o restante em caixa baixa, mesmo
que sejam duas ou mais palavras.

Contrate Contrate Contrate Contrate

Vale lembrar!
Não devemos usar pictos
e ilustrações nos botões,
somente texto em Roboto.

78
 Botões
Aplicações

Contas em dia

Tudo certo por aqui!

Você não possui contas
para pagar

Ver minhas contas

79
Para baixar os arquivos originais, acesse:
https://brandfactory.telefonica.com/

Obrigado!