Guide OLX Brasil

Território de marca
Versão 1.0
Dezembro 2020
Bem-
vindos!
Este guia possui as orientações e os regramentos dos elementos
que compõem a marca OLX Brasil.
Os direcionamentos de identidade verbale identidade visual

irão proporcionar o diálogo com o público e fazer com que
o mundo conheça a nossa personalidade autêntica.
Ele ajudará a representar a nossa marca com a mesma paixão
que colocamos em tudo que fazemos.
Encontre o que
você procura Você está diante de um documento
completamente navegável e interativo.
Encontrar o que você procura
aqui é super fácil.
Você pode ler o manual como um livro:

do início ao fim.
Navegue também usando as teclas de seu teclado.
Ou pode acessar o menu principal e ir direto

para assuntos do seu interesse.
Vamos começar?
Índice
1. Identidade verbal 2. Identidade visual
1.1 Objetivo 2.1 Logo 2.3 Tipografia 2.5 Fotografia
1.2 Mensagem Versões Principal Estilo
1.3 Tom de voz Área de proteção Fonte de sistema Pessoas
1.4 Linguagem Redução Uso Diretriz
Exemplos incorretos Como fazer Uso
Convivência entre as marcas Exemplos incorretos Exemplos incorretos
Sobre fundos
Aplicações 2.4 Elementos gráficos
Conceito criativo 2.6 Ícones
2.2 Cores Construção Construção
Principais Rotação Exemplos incorretos
Secundárias Disposição
Proporção Grid
Legibilidade do texto Exemplos incorretos 2.7 Boas práticas
Identidade
verbal
A identidade verbal de OLX Brasil nasce como
uma verdadeira marca que fala sobre conexão de valores
deveria nascer. Juntando que há de melhor
entre as marcas que fazem parte do nosso grupo.
As diretrizes que você vai ver a seguir se inspiram um pouco em

cada uma das marcas que fazem parte de tudo isso.
1. Identidade verbal
1.1 Objetivo
1.2 Mensagem
1.3 Tom de voz
1.4 Linguagem
2. Identidade visual
A identidade verbal é formada

por mensagens e tom de voz.
Sobre o que uma marca fala. Como uma marca fala.
A abordagem que direciona Direciona a forma como
a produção de conteúdo. falamos e escrevemos.
Território de marca OLX Brasil

Índice Anterior
Próximo
6
1.1 Objetivo
1.1 Objetivo
1.2 Mensagem Temos como premissa que nossa identidade verbal combina a
1.3 Tom de voz essência das marcas que fazem parte
1.4 Linguagem da OLX Brasil: OLX e Grupo Zap.
OLX ZAP
fala sobre fala sobre
Conexões; Possibilidades;
Trocas de valores; Transformação através de tecnologia;
Transformar o modelo de consumo; Ganho mútuo;
Foco no brasileiro; Foco nas pessoas;
Autonomia pra fazer; Agilidade pra inovar;

Índice Anterior
Próximo
7
1.1 Objetivo
1.1 Objetivo
1.2 Mensagem Quando juntamos esses dois, percebemos que estamos falando
1.3 Tom de voz de uma só coisa:
1.4 Linguagem
ZAP fala sobre

OLX Brasil
fala sobre
Possibilidades;
Transformação através de tecnologia;
Ganho mútuo;
Foco nas pessoas;
Agilidade pra inovar;
Possibilidades através das conexões;
OLX fala sobre Tecnologia que transforma;
Conexões; Reinvenção do modelo de consumo;
Trocas de valores; Compartilhamento de valores;
Transformar o modelo de consumo;
Foco nas pessoas;

Foco no brasileiro;
Autonomia pra fazer; Empoderamento como resultado;
Índice Anterior
Próximo
8
1.2 Mensagem
1.1 Objetivo
1.2 Mensagem Qual é a moral da história por trás de tudo
1.3 Tom de voz que a OLX comunica?
1.4 Linguagem
Quando falamos de OLX Brasil,

sabemos que:
1. Conecta empresas de tecnologia fortes, transformando
o comércio eletrônico brasileiro.
2. Fala com pessoas, enquanto marca empregadora.
3. Fala com empresas, enquanto marca corporativa.
4. Acredita que o que tem valor deve ser compartilhado.
5. Acredita no crescimento através de M&A.
6. É forte quando o assunto é cultura porque direciona

o olhar para experiência do colaborador.
Índice Anterior
Próximo
9
1.2 Mensagem
1.1 Objetivo
1.4 Linguagem

sabemos que:
3. Fala com empresas, enquanto marca corporativa. É sobre
conectar
6. É forte quando o assunto é cultura porque direciona

o olhar para experiência do colaborador.
Índice Anterior
Próximo
10
1.2 Mensagem
1.1 Objetivo
1.4 Linguagem

sabemos que:
3. Fala com empresas, enquanto marca corporativa.
6. É forte quando o assunto é cultura porque direciona É sobre

o olhar para experiência do colaborador. compartilhar
Índice Anterior
Próximo
11
1.2 Mensagem
1.1 Objetivo
1.4 Linguagem
Se tem valor pra todos,

tem na OLX Brasil.
A OLX Brasil é o lugar onde tudo que gera valor se conecta.
E, mais que isso, acreditamos que só um valor verdadeiramente compartilhado pode

conectar: pessoas com pessoas, pessoas com empresas, empresas com empresas, e todos
eles com uma boa ideia.
É por isso que chamamos pessoas e empresas pra chegar e jogar junto. É por isso que
gostamos de somar nosso jeito de fazer, com o jeito de fazer do outro, pra fazer de um
jeito totalmente novo. É conectando que compartilhamos experiências, vivências, causas,
Nossa mensagem
propósitos e ambições. combina os dois

pontos de vista
O resultado disso tudo? A gente gera valor. Valor financeiro. Valor cultural. que definem nosso
grupo: orientação
Valor que inspira. E se é na OLX Brasil que todo tipo de valor pode se encontrar, aqui vemos
para valores
valor em transformar o comércio eletrônico brasileiro, reinventando o jeito de consumir. e cultura
Todos os dias. Todos juntos. colaborativa.
Índice Anterior
Próximo
12
1.2 Mensagem Exemplos
1.1 Objetivo
1.2 Mensagem
1.3 Tom de voz
1.4 Linguagem
1 Foi conectando a Duda

com o André, que surgiu
3 A equipe de
desenvolvedores da
uma nova oportunidade OLX Brasil virou
no time. a equipe do coração
da Suzana.
2 O sonho de carreira
do Miguel virou realidade
na OLX Brasil.

Índice Anterior
Próximo
13
1.3 Tom de voz
1.1 Objetivo
1.2 Mensagem Sobre o que a nossa marca fala, a gente já sabe.
1.3 Tom de voz Mas, como a gente escreve em nome da OLX Brasil?
1.4 Linguagem
Onde vemos valor Nosso tom de voz
Possibilidades através das conexões; Abre portas

Tecnologia que transforma;
Reinvenção do modelo de consumo;

Tem palavra
Compartilhamento de valores;

Foco nas pessoas;
Empoderamento como resultado; Sonha alto
Índice Anterior
Próximo
14
1.3 Tom de voz
1.1 Objetivo
1.4 Linguagem
Abre portas
Para quem chega, para quem quer ir além.
Valorizamos conexões;
Somos receptivos, inclusivos, abertos;
Mostramos a importância de compartilhar;
Falamos do orgulho de fazer parte;
Convidamos pessoas e empresas para fazer junto;

Índice Anterior
Próximo
15
1.3 Tom de voz Exemplos
1.1 Objetivo
1.2 Mensagem
1.3 Tom de voz
1.4 Linguagem
1 Você recebeu
uma nova proposta!
2 Cecília se conectou
com a OLX Brasil!
Daquelas difíceis de recusar para quem vê E, você sabe, a OLX Brasil é um dos maiores
valor em uma boa oportunidade. grupos de tecnologia do Brasil.
Quer conectar seus valores com os da OLX
Brasil e vir trabalhar com a gente? Isso porque a gente acredita que a tecnologia
pode transformar a forma de comprar, vender
e conectar pessoas com uma boa ideia.
E que bom saber que você compartilha desses
valores e que chegou pra transformar junto
com a gente!
Pra comemorar, preparamos um kit especial

de boas-vindas.

Índice Anterior
Próximo
16
1.1 Objetivo
1.2 Mensagem
1.3 Tom de voz
1.4 Linguagem
3 OLX & Zap Imóveis & Viva

Real & tudo o que tem
5 Se tem valor,
tá no grupo!
valor pra você.
4 Eu me conecto.
Ele se conecta.
Nós compartilhamos
na OLX Brasil.

Índice Anterior
Próximo
17
1.3 Tom de voz
1.1 Objetivo
1.4 Linguagem
Tem palavra
Melhor do que falar é fazer acontecer.
Contamos o resultado das nossas conexões;

Mostramos o nosso protagonismo;
Falamos da potência das nossas ações;
Traduzimos nossa seriedade e competência;
Geramos valor;

Índice Anterior
Próximo
18
1.1 Objetivo
1.2 Mensagem
1.3 Tom de voz
1.4 Linguagem
1 Tem quem vende,

tem quem compra
2 Uma nova oportunidade
para você se conectar.
e tem quem faz tudo Vagas abertas para o time de desenvolvedores
isso acontecer. da OLX Brasil!
Inscreva-se pelo link.
Vagas abertas para o time de desenvolvedores

da OLX Brasil!
Inscreva-se pelo link.

Índice Anterior
Próximo
19
1.1 Objetivo
1.2 Mensagem
1.3 Tom de voz
1.4 Linguagem
3 Tem valores,
tem tecnologia,
4 Tem a OLX,
tem a Zap Imóveis,
tem diversidade, tem a Viva Real,
tinha que ser OLX Brasil. tinha que ser
OLX Brasil.

Índice Anterior
Próximo
20
1.3 Tom de voz
1.1 Objetivo
1.4 Linguagem
Sonha alto
Pensa grande quando pensa no amanhã.
Transformamos nossa categoria;

Buscamos transformar o jeito de consumir;
Pensamos além;
Vislumbramos aquilo que ainda pode ser feito, agregado;
Inspiramos transformação;

Índice Anterior
Próximo
21
1.1 Objetivo
1.2 Mensagem
1.3 Tom de voz
1.4 Linguagem
1 OLX, Zap e Viva Real

se somam para multiplicar
3 Os sites que mais
anunciam no país
seus valores por aí. tem um anúncio
Muito prazer, somos a OLX Brasil:
a fazer: hoje nasce
o grupo que mais conecta e compartilha novos
valores no mercado brasileiro.
a OLX Brasil.
E com ela, nasce um dos maiores
grupos de tecnologia do Brasil.
Um grupo que acredita que
2 Se tem valor para

os brasileiros
as relações digitais de consumo
podem ser melhores, mais justas,

mais sustentáveis.
tem na OLX Brasil.

Muito prazer, somos a OLX Brasil:
Índice
o grupo que mais conecta e compartilha novos
Anterior
valores no mercado brasileiro.
Próximo
22
1.4 Linguagem
1.1 Objetivo
1.2 Mensagem Depois de tudo isso, esse é o resumo da nossa ferramenta
1.3 Tom de voz de linguagem:
1.4 Linguagem
Mensagem Nosso tom de voz
Se tem valor pra todos, Abre portas

tem na OLX Brasil. Para quem chega, para quem quer ir além.
Tem palavra
E a OLX Brasil é o lugar Melhor do que falar é fazer acontecer.
onde tudo que gera valor

se conecta. Sonha alto
Pensa grande quando pensa no amanhã.
Índice Anterior
Próximo
23
Identidade
visual
A identidade visual é como a nossa marca
se expressa visualmente, criando personalidade
para inspirar, gerar envolvimento e identificação.
Para que a nossa identidade inspire sem perder

a consistência juntamos,aqui, todos os elementos
visuais para a construção da nossa marca.
2.0 Identidade Visual
2.1 Logo A identidade visual é muito mais que o logo. É um conjunto de elementos
2.2 Cores
visuais que nos ajudam a criar reconhecimento e unidade para a nossa
marca. Os elementos de OLX são divididos em essenciais, secundários
2.3 Tipografia
e de apoio e compõe o nosso estilo gráfico.
2.4 Elementos gráficos
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Logo
Cores
LL Brown Tipografia
Essenciais
Elementos gráficos
Cores secundárias
Fotografia
Secundários

Ícones
Composições
Suporte
Índice Anterior
Próximo
25
2.1 Logo
2.1 Logo Nosso logo é o primeiro passo da identidade visual e o principal elemento
2.2 Cores
que une a marca e transmite os nossos valores.
Estas são as versões preferenciais do logo da OLX Brasil:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior Versão preferencial positiva Versão preferencial negativa
Próximo
26
2.1 Logo Versões
2.1 Logo A versão monocromática Positivo e Negativo devem ser utilizadas
2.2 Cores
em peças com restrição de impressão, onde não é possível a aplicação
de cores.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior Versão monocromática positiva Versão monocromática negativa
Próximo
27
2.1 Logo Área de proteção
2.1 Logo A área de reserva tem o objetivo de preservar a integridade do logo.
2.2 Cores
A área é delimitada pela altura da base da letra “L” do logo de OLX.
Não interfira na área delimitada com desenhos, fotos ou textos.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

×
Índice Anterior
Próximo
28
2.1 Logo Redução
2.1 Logo A redução máxima é definida pelo menor tamanho que o logo
2.2 Cores
pode assumir sem que sua legibilidade seja comprometida.
Ela é determinada para garantir a legibilidade do logo tanto
2.3 Tipografia
em materiais impressos quanto digitais. Nunca aplique o logo
em tamanho menor do que as medidas abaixo.
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Versão impressa Versão digital
Materiais impressos
O valor da redução do
1,5 cm 30 px
logo pode variar de acordo
com o substrato e com o
processo de impressão.
Lembre-se: nunca produza
materiais sem provas
prévias de impressão.

Materiais digitais
Nos meios digitais, o valor
da redução pode variar de
acordo com a plataforma
utilizada. Por isso, sempre
Índice Anterior
teste a leitura da marca
antes de aplicá-la.
Próximo
29
2.1 Logo Exemplos incorretos
2.1 Logo Veja a seguir alguns exemplos do que não fazer com o logo da OLX Brasil.
2.2 Cores
Lembre-se que consistência é fundamental.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Não utilize as cores Não distorça o logo. Não altere a posição. Não rotacione o logo.
secundárias para o logo.
Não aplique contorno. Não aplique degradê. Não utilize o logo Não aplique sombra.
como selo.

Brasil
Lorem ipsum dolor
Índice Anterior Não utilize o logo de OLX. Não utilize o logo Não coloque taglines junto Não customize o logo.
Próximo em linha. ao logo.
30
2.1 Logo Convivência entre as marcas
2.1 Logo A convivência entre as marcas do grupo devem seguir algumas regras
2.2 Cores
para preservar a hierarquia.
O distanciamento entre as marcas, segue a largura da letra “L”
2.3 Tipografia
que é definida como “x” e a distância entre cada uma é definida pela
medida “2x”. Em relação a OLX Brasil, as marcas devem ter uma redução
2.5 Fotografia
de -30% para equilíbrio visual, assim como no exemplo abaixo:
2.6 Ícones
2.7 Boas práticas
Construção:
2× 2× 2× 2×
Resultado final com a redução de -30%:

Índice Anterior
Próximo
31
2.1 Logo Sobre fundos
2.1 Logo Para que o nosso logo fique sempre legível, existem versões para
2.2 Cores
os diferentes fundos onde ele pode ser aplicado. O mais importante é
sempre escolher a opção que crie o máximo de contraste possível, para que
2.3 Tipografia
o logo continue legível em qualquer aplicação.
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Versão preferencial sobre o branco. Versão preferencial sobre o roxo. Versão preferencial sobre cores claras.

Versão preferencial sobre fotos de fundo claro, desde que garanta Versão monocromática negativa sobre fotos de fundo escuro (uso restrito).
Índice Anterior
o contraste do logo.
Próximo
32
2.1 Logo Sobre fundos - exemplos incorretos
2.1 Logo Veja a seguir alguns exemplos de como não aplicar o logo da OLX Brasil
2.2 Cores
sobre fundos. Lembre-se que a consistência é fundamental.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Não aplicar versão preferencial sobre fundo escuro. Não aplicar o logo sobre cores que não pertencem Não aplicar a versão preferencial sobre demais cores
às nossas paletas de cores. da paleta.

Não aplicar a versão monocromática sobre demais Não aplicar a versão principal sobre fundos escuros. Não aplicar o logo sobre fundos sem contraste.
Índice Anterior
cores da paleta.
Próximo
33
2.1 Logo Aplicação
2.1 Logo O logo de OLX Brasil tem liberdade para ser aplicado em qualquer parte
2.2 Cores
da composição. Pode ser aplicado centralizado, nos cantos, compondo
com o textos, etc. Obviamente respeitando os direcionamentos de área
2.3 Tipografia
de proteção e de aplicação sobre fundos.
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
34
2.2 Cores Principais
2.1 Logo Para manter a nossa consistência, devemos respeitar
2.2 Cores
a paleta cromática. As cores principais são aquelas que irão
sempre aparecer nos primeiros contatos com a marca.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Pantone
268 C

CMYK CMYK
85 100 0 0 0 0 0 0
RGB RGB
88 0 157 255 255 255
Índice Anterior
Hex #58009D Hex #FFFFFF
Próximo
35
2.2 Cores Secundárias
2.1 Logo As cores secundárias serão utilizadas para destaques nos títulos e nas
2.2 Cores
formas geométricas. Devem ser acompanhadas preferencialmente pela
cor principal que é o roxo. As cores secundárias não podem ser utilizadas
2.3 Tipografia
como cores predominantes de uma composição.
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Pantone Pantone Pantone Pantone Pantone

2995 C 367 C 1575 C 1915 C 116 C

CMYK CMYK CMYK CMYK CMYK CMYK
85 0 0 0 35 0 75 0 0 55 90 0 0 80 10 0 0 15 100 0 0 0 0 65
RGB RGB RGB RGB RGB RGB

14 170 224 156 197 57 236 123 32 232 88 132 255 223 0 119 120 123
Índice Anterior
Hex #0EAAE0 Hex #9CC539 Hex #EC7B20 Hex #E85884 Hex #FFDF00 Hex #77787B
Próximo
36
2.2 Cores Proporção
2.1 Logo As proporções de cor nos ajudam a manter a consistência
2.2 Cores
no decorrer das peças, entendendo quais cores aparecem
mais que as outras, além de saber onde cada uma será utilizada.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
37
2.2 Cores Legibilidade do texto
2.1 Logo As cores secundárias serão utilizadas para títulos e demais elementos
2.2 Cores
secundários. Elas não podem ser utilizadas como cores predominantes
de uma composição.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Sobre o fundo branco Sobre o fundo roxo
Se tem valor para Se tem valor para

os brasileiros os brasileiros
tem na OLX Brasil. tem na OLX Brasil.
Se tem valor para Se tem valor para Se tem valor para Se tem valor para
os brasileiros os brasileiros os brasileiros os brasileiros
tem na OLX Brasil. tem na OLX Brasil. tem na OLX Brasil. tem na OLX Brasil.
Se tem valor para Se tem valor para Se tem valor para Se tem valor para
os brasileiros os brasileiros os brasileiros os brasileiros

tem na OLX Brasil. tem na OLX Brasil. tem na OLX Brasil. tem na OLX Brasil.
A cor amarela sobre
o fundo branco deverá
Se tem valor para ser utilizada apenas Se tem valor para
para títulos.
os brasileiros os brasileiros
Índice Anterior tem na OLX Brasil. tem na OLX Brasil.
Próximo
38
2.3 Tipografia Principal
2.1 Logo A nossa tipografia principal é formada pela família LL Brown
2.2 Cores
e suas variações de estilo. Devemos utilizá-la em todos os materiais
de comunicação.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
LL Brown
LL Brown Light LL Brown Regular
LL Brown Regular LL Brown Bold
LL Brown Bold

Pesos tipográficos Pesos tipográficos + Itálicos
Índice Anterior
Próximo
39
2.3 Tipografia Fonte de sistema
2.1 Logo Caso não seja possível utilizar a fonte principal da marca, poderá escolher
2.2 Cores
entre duas opções: uma fonte de sistema, Verdana, para uso em assinatura
de e-mails, newsletters ou qualquer outro material onde a utilização
2.3 Tipografia
de uma tipografia de sistema é necessária; e uma fonte do Google,
Montserrat, para apresentações online da empresa.
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Verdana Montserrat
Quando inviável o uso da tipografia, utilize a Para uso em aplicativos do Google como
fonte de sistema Verdana (uso restrito). apresentação no Google Slides.
Regular Regular
Italic Italic

Bold Bold
Bold Italic Bold Italic
Índice Anterior
Próximo
40
2.3 Tipografia Uso
2.1 Logo Utilizamos os recursos do itálico para quando ele nos ajude a entregar
2.2 Cores
a essência da marca, e usamos sua versão normal nas demais frases.
Abaixo, podemos ver mais exemplos de como aplicar este recurso visual:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Tem quem vende,

Uma nova oportunidade tem quem compra
para você se conectar. e tem quem faz tudo
isso acontecer.

Índice Anterior
Próximo
41
2.3 Tipografia Uso
2.1 Logo Utilizamos os recursos do itálico para quando ele nos ajude a entregar
2.2 Cores
a essência da marca, e usamos sua versão normal nas demais frases.
Abaixo, podemos ver mais exemplos de como aplicar este recurso visual:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Tem quem vende,

Uma nova oportunidade tem quem compra
para você se conectar. e tem quem faz tudo
isso acontecer.

Uma tipografia com variação de estilos nos permite
muitas possibilidades. Podemos trabalhar com pesos,
os itálicos, proporções e cores diferentes para ganhar Essa variação garante destaques, movimento
flexibilidade em nossa comunicação. e também hierarquia de informação.
Índice Anterior
Próximo
42
2.3 Tipografia Como fazer
2.1 Logo Abaixo, você pode encontrar algumas recomendações simples
2.2 Cores
de uso dos pesos para garantir a clareza e gerar uma hierarquia
nos textos e informações na nossa comunicação.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
LL Brown Bold ou Bold Italic

Títulos Se tem valor para
os brasileiros LL Brown Bold ou Bold Italic
tem na OLX Brasil. Destaques
LL Brown Regular ou Bold

Subtítulos Muito prazer, somos a OLX Brasil:

O grupo que mais conecta e compartilha
Os subtítulos podem variar nos novos valores no mercado brasileiro.
pesos (regular ou bold) com um
corpo de texto sempre maior
Rorios quodi odissi a perro que volorit et ma si LL Brown Regular
que os textos corridos.
offictem veni ullantiunt, con poreicae simus, ut aut Textos corridos
São aplicados preferencialmente aciisitaes est, sepedic tem harumque erias.
em roxo, para maior destaque Musam, offic temporestium as dolupti omnis im into Para textos corridos, usar
e diferenciação. volorem et ut fugallam, cor rere et rerio eum am. preferencialmente a cor
Índice Anterior cinza para maior legibilidade
Próximo
dos textos.
43
2.3 Tipografia Exemplos incorretos
2.1 Logo A nossa tipografia deve ser usada de maneira simples e inteligente.
2.2 Cores
As regras apresentadas garantem legibilidade e identificação, por isso
devem ser respeitadas em todas as aplicações.
2.3 Tipografia
Confira abaixo alguns exemplos de recursos que não devem ser utilizados:
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Os sunt odit omnit aut Os sunt odit omnit aut idebit Os sunt odit omnit aut idebit qui Os sunt odit omnit aut idebit qui
idebit qui into conseque por qui into conseque por atur into conseque por atur si consequis into conseque por atur si consequis
atur si consequis denienet denienet aut faccumquis erum imus denienet aut faccumquis erum
aut faccumquis erum
si consequis denienet aut
faccumquis erum imus dolorpos dolorpos aritem que rehendis explit aritem que rehendis explit aces iligeni hiciae
imus dolorpos aritem que aritem que rehendis explit aces
iligeni hiciae porpore provid aces iligeni hiciae porpore provi d porpore provid moluptaquo tet,simaiosa
rehendis porpore provid molup moluptaquo tet, simaiosa
olesequiam fuga Bistis et unti. moluptaquo tet, simaiosa olesequiam fuga Bistis et unti.
taquo tet, simaiosa olesequiam fuga. olesequiam fuga Bistis et.
Não use tamanhos e pesos Não use entrelinhas Não use espaçamento entre letras Não distorça a tipografia em
tipográficos diferentes no exageradamente apertados exageradamente apertado ou nenhuma circunstância.
mesmo texto. ou espaçadas. largo.
Os sunt odit omnit aut idebit OS SUNT ODIT OMNIT AUT IDEBIT Os sunt odit omnit aut idebit qui into Os sunt odit omnit aut idebit qui into
qui into conseque por atur si conseque por atur si consequis denienet
QUI INTO CONSEQUE POR conseque por atur si consequis denienet
aut faccumquis erum imus dolorpos
consequis denienet aut faccumquis ATUR SI CONSEQUIS DENIENET aut faccumquis erum imus dolorpos aritem

aritem que rehendis explit aces iligeni
erum imus dolorpos aritem que AUT FACCUMQUIS ERUM IMUS que rehendis explit aces iligeni hiciae porpore hiciae porpore provid moluptaquo tet,
rehendis explit aces iligeni hiciae DOLORPOS ARITEM QUE REHENDIS provid moluptaquo tet, simaiosa olesequiam simaiosa olesequiam fuga Bistis et unti.
Orrovid quis maios aute nem hillatem
porpore provid moluptaquo tet, EXPLIT ACES ILIGENI HICIAE BISTIS. fuga Bistis et untiui nam, odistem rererum
dernat omnihil id ullaut odi tem et est,
simaiosa olesequiam fugaistis et. CONSENT MOLUPTA TISQUI BLA. quiae cor aut ariti inus, aut quibusae volupta. simusam quam et qui ut odionse quisqui
in praecta erchicae id que consecti.
Não misture com outras famílias Não utilize caixa-alta. Em fontes de corpo pequeno ou Em fontes de corpo pequeno ou
Índice Anterior
de fontes. textos muito longos, não utilize textos muito longos, não utilize
Próximo variações muito leves da fonte, variações muito pesadas da fonte,
como as versões Thin Italic e Light. como as versões Bold ou Bold Italic. 44
2.4 Elementos gráficos Conceito criativo
2.1 Logo O conceito criativo tem como base as formas geométricas abaixo.
2.2 Cores
São formas inspiradas nos universos de OLX e Zap e, compõe a base
da nossa identidade visual.
2.3 Tipografia
As formas geométricas representam a soma das marcas e que compostas
juntas, dão início à uma composição modular que será explicada
2.5 Fotografia
a seguir.
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
45
2.4 Elementos gráficos Conceito criativo
2.1 Logo O conceito criativo tem como base as formas geométricas abaixo.
2.2 Cores
São formas inspiradas nos universos de OLX e Zap e, compõe a base
da nossa identidade visual.
2.3 Tipografia
As formas geométricas representam a soma das marcas e que compostas
juntas, dão início à uma composição modular que será explicada
2.5 Fotografia
a seguir.
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
46
2.4 Elementos gráficos Construção
2.1 Logo Nas páginas a seguir, apresentamos toda a construção e regramento
2.2 Cores
do nosso padrão.
Iniciamos com a seguinte estrutura para a distância entre os quadrados:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas y y/10 y
Quadrado base.

y/10
Distância estabelecidade entre

os quadrados para qualquer formato
de layout.
Índice Anterior
Próximo
47
2.1 Logo Nas páginas a seguir, apresentamos toda a construção e regramento
2.2 Cores
do nosso padrão.
Iniciamos com a seguinte estrutura para a distância entre os quadrados:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
y y/10 y
Quadrado base.
Fundo
prioritariamente
roxo.

Cantos arredondados.
Índice Anterior
Próximo
48
2.1 Logo Representação do quadrado convivendo junto com as formas geométricas:
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Para todos os formatos de layout,

respeitar a mesma distância
entre os quadrados e a margem
do layout.

A forma geométrica deve preencher As formas geométricas devem
todo o espaço do quadrado e respeitar ser aplicadas apenas com as cores
os cantos arredondados. secundárias da marca.
Índice Anterior
Próximo
49
2.1 Logo Nos quadrados com cantos arredondados, a curvatura está muito
2.2 Cores
ligada com a construção das formas geométricas, é uma medida fixa
e como são formas sobrepostas devem ter o mesmo encaixe.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Sempre atentar que as duas
formas devem ter a mesma
curvatura e encaixe.
Índice Anterior
Próximo
50
2.4 Elementos gráficos Rotação
2.1 Logo Além de posicionar as formas geométricas nos quadrados, temos um
2.2 Cores
outro recurso, que é a rotação das formas. Elas trazem mais variedade
e movimento para a composição e é necessário seguir as orientações
2.3 Tipografia
de construção abaixo:
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Não se aplica rotação

para a circunfência.
As formas geométricas ao lado podem

rotacionar nos quatro cantos do quadrado

(apenas nos ângulos de 90º).
Índice Anterior
Próximo
51
2.4 Elementos gráficos Disposição dos elementos
2.1 Logo Quando as nossas formas e cores são combinadas de forma harmônica,
2.2 Cores
elas conseguem ser dinâmicas e é possível criar diversas variações
usando os mesmos elementos.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Sempre organizar os quadrados lado a lado, completando
a área a ser aplicada.
A disposição das formas geométricas vai variar bastante para cada Com a área preenchida e visualizado o todo,
caso, pois o formato do layout influencia diretamente no equilíbrio podemos retirar alguns quadrados e também
dos elementos. algumas das formas geométricas, deixando
Índice Anterior Nas próximas páginas iremos aprofundar a construção espaços em branco para um maior respiro
Próximo
para formatos de layout quadrados e retangulares. e equilíbrio visual.
52
2.4 Elementos gráficos Disposição das cores
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Evitar a aplicação do azul e do amarelo
nas formas geométricas muito próximas,
Índice Anterior com pouca distância entre elas, principalmente Com uma distância considerável entre
Próximo
se forem dispostas lado a lado. os quadrados, a aplicação é permitida.
53
2.4 Elementos gráficos Disposição da composição
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Composição modular preenchendo Versão prioritária Versão restrita
todo o layout. Composição modular preenchendo A área em roxo é direcionada para textos
uma parte do layout. e logo, versão a ser usada pontualmente.
A área em branco é direcionada para A área em roxo deve seguir a mesma
textos e logo. contrução do quadrado base - cantos
arredondados e o mesmo distanciamento.
Índice Anterior
Próximo
54
2.4 Elementos gráficos Grid quadrado
2.1 Logo Para layouts em formato quadrado (1:1), devemos seguir o grid abaixo
2.2 Cores
respeitando o intervalo permitido:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
< 3 quadrados entre 4 a 6 quadrados > 7 quadrados

Intervalo indicado para um bom
aproveitamento do grid
e não comprometer
a legibilidade dos grafismos,
principalmente em formatos
quadrados menores que um post
(Facebook e/ou Instagram).
Índice Anterior
Próximo
55
2.4 Elementos gráficos Grid quadrado - exemplo
2.1 Logo
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Se tem valor para

Tem quem vende, os brasileiros
tem quem compra tem na
e tem quem faz tudo OLX Brasil.
isso acontecer.

Com os elementos gráficos muito maiores, o layout Equilibrio entre os elementos gráficos e o texto.
fica pesado e desequilibrado.
Índice Anterior
Próximo
56
2.4 Elementos gráficos Grid retangular
2.1 Logo Para layouts em formato retangular, levaremos como base
2.2 Cores
a largura (16:9) e a altura (9:16) para adaptar melhor grid:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Para uso do padrão na vertical, Para uso do padrão na horizontal,
evitar a aplicação de dois evitar a aplicação do padrão
quadrados para o layout. em pequenos quadrados para não
Sempre explorar o uso a cima atrapalhar a legibilidade.
dessa quantidade.
Índice Anterior
Próximo
57
2.4 Elementos gráficos Grid retangular - exemplo
2.1 Logo
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Tem quem vende,

tem quem compra
e tem quem faz tudo Se tem valor para
isso acontecer. os brasileiros tem na
OLX Brasil.

Com os elementos gráficos muito maiores, Equilíbrio entre os elementos gráficos, texto
o layout fica pesado e desequilibrado. e melhor aproveitamento da composição.
Índice Anterior
Próximo
58
2.4 Elementos gráficos Exemplos incorretos
2.1 Logo Veja abaixo alguns exemplos de como não utilizar nossos
2.2 Cores
elementos gráficos:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Não inclinar ou rotacionar a formas em ângulos Não inverter a cor principal dos quadrados para Não deslocar ou sobrepor as formas geométricas.
não recomendados. as cores secundárias.

Não aplicar efeitos nas formas. Não aplicar a composição em marca d’água. Não utilizar o quadrado em negativo.
Índice Anterior
Próximo
59
2.4 Elementos gráficos Exemplos incorretos
2.1 Logo Veja abaixo alguns exemplos de como não utilizar nossos
2.2 Cores
elementos gráficos:
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Não usar cores para o box diferente do roxo Não respeitar as margens e distância correta Não equilibrar a quantidade de quadrados no layout -
ou do fundo branco. para o box. eles têm uma presença predominante.

Não utilizar o distanciamento correto para Não prolongar uma das linhas ou colunas Não utilizar uma mesma cor para todas
Índice Anterior
as margens e os quadrados. diferenciando das restantes. as formas geométricas.
Próximo
60
2.5 Fotografia Estilo
2.1 Logo Todas fotografias a serem utilizadas na identidade devem ter alguma
2.2 Cores
conexão com a OLX Brasil, ela exibe tanto os funcionários, o escritório,
o consumidor, ou o uso da plataforma de alguma maneira.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
61
2.5 Fotografia Pessoas
2.1 Logo Sempre importante lembrarmos de retratar nosso público da melhor
2.2 Cores
maneira possível, ou seja, não utilize fotos com pessoas claramente
não-brasileiras ou que não residam no Brasil, de forma que não
2.3 Tipografia
represente os consumidores. Procure imagens sempre pensando em
representar a diversidade de idade, gênero, cor, etnia, etc.
2.5 Fotografia
Veja abaixo alguns exemplos:
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
62
2.5 Fotografia Diretriz
2.1 Logo As imagens ambientadas trazem destaque as pessoas e as ações.
2.2 Cores
Porém, essas imagens precisam ser claras, de fácil entendimento
e de boa qualidade.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Imagens que retratam o ambiente de trabalho. Imagens que retratam a convivência e a troca Imagens que retratam os consumidores e o uso
Próximo Atentar que essas imagens devem ter uma luz de informações entre funcionários. da plataforma.
natural, plano mais aberto e um ambiente moderno. 63
2.5 Fotografia Uso
2.1 Logo A aplicação das imagens nos layouts, deve seguir toda a estrutura
2.2 Cores
de composição e grid apresentados no capítulo de elementos gráficos
(pág. 43). Abaixo, apresentamos um exemplo de aplicação.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Grid. Imagem para o layout.
Respeitar
Preservar os cantos a mesma distância
arredondados. entre os elementos
gráficos
e a imagem.
Índice Anterior
Próximo
64
2.5 Fotografia Exemplos incorretos
2.1 Logo Veja a seguir alguns exemplos incorretos quanto à aplicação
2.2 Cores
das imagens.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Não utilize fotos super posadas ou formais. Não utilize fotos PB.
Não utilize fotos incompatíveis com o país.

Não use filtros ou efeitos que tornem Evite o uso de imagens em top views.
Índice Anterior Não utilize imagens com ângulos que não favoreçam.
as imagens artificiais.
Próximo
65
2.5 Fotografia Exemplos incorretos
2.1 Logo Veja a seguir alguns exemplos incorretos quanto à aplicação
2.2 Cores
das imagens.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Não utilize imagens com aspecto de rendering (3d). Não utilize imagens com contexto fora da realidade. Não utilize fotos com câmera muito fechada, priorizar
o ambiente do escritório.

Não recortar as imagens de forma incoerente, Não aplicar as imagens ultrapassando a margem Não cortar a imagem aleatoriamente, ela deve
Índice Anterior
perdendo informações relevantes. do layout. acompanhar a mesma base dos quadrados.
Próximo
66
2.6 Ícones
2.1 Logo Nossos ícones inspiram-se na marca OLX e deixar nosso universo
2.2 Cores
ainda mais próximo e inspirador.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Home Atenção Dashboard Apagar Configurar Categorias Serviços
Serviços Editar Buscar Chat Atualização Usuário Mais

Índice Anterior Vagas Plano Atendimento Destaque Favoritos Calendário Plano
Próximo
Profissional
67
2.6 Ícones Construção
2.1 Logo Ajudam a sintetizar mensagens respeitando a construção visual da nossa
2.2 Cores
marca, e seguem a mesma diretriz de construção de OLX.
Basicamente, temos 3 características bem marcantes:
2.3 Tipografia
cantos arredondados, as formas geométricas e o ângulo de 10º.
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
1. Cantos arredondados 2. Formas geométricas 3. Angulação 10º

Índice Anterior
Próximo
68
2.6 Ícones Construção
2.1 Logo Todos os nossos ícones são criados sobre uma malha de construção feita
2.2 Cores
exclusivamente para o nosso universo visual.
A espessura corresponde a 2 módulos do grid de 32x32.
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
69
2.6 Ícones Exemplos incorretos
2.1 Logo Veja abaixo alguns exemplos de como não utilizar nossos ícones:
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas
Não utilize Respeite a espessura Não utilize cores fora Não utilize outros Não utilize
espessuras diferentes determinada da paleta cromática estilos de traço para preeenchimento ou mais
nos mesmo ícone. para a construção. da OLX Brasil. a construção. de uma cor em
um mesmo ícone.

A melhor localização
Tem pessoas
pro seu novo apê?
Índice Anterior
querendo se Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
apegar às casas
sed diam nonummy nibh
euismod tincidunt ut laoreet
Próximo
olx.com.br /olxbrasil @olxbrasil
que você tá 70
2.7 Boas práticas
2.1 Logo
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
71
2.7 Boas práticas
2.1 Logo
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
72
2.7 Boas práticas
2.1 Logo
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
73
2.7 Boas práticas
2.1 Logo
2.2 Cores
2.3 Tipografia
2.5 Fotografia
2.6 Ícones
2.7 Boas práticas

Índice Anterior
Próximo
74
Esse documento é de uso restrito dos colaboradores
da OLX Brasil e dos parceiros que prestam
serviços relacionados à aplicação da marca
Para esclarecer qualquer dúvida sobre este material,

entre em contato com a equipe de marketing responsável.

Guide OLX Brasil

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Guide OLX Brasil

Enviado por

Direitos autorais:

Formatos disponíveis

Território de marca

Os direcionamentos de identidade verbale identidade visual

Você pode ler o manual como um livro:

Ou pode acessar o menu principal e ir direto

As diretrizes que você vai ver a seguir se inspiram um pouco em

A identidade verbal é formada

Território de marca OLX Brasil

Território de marca OLX Brasil

ZAP fala sobre

Território de marca OLX Brasil

Quando falamos de OLX Brasil,

Território de marca OLX Brasil

Quando falamos de OLX Brasil,

Território de marca OLX Brasil

Quando falamos de OLX Brasil,

Território de marca OLX Brasil

Se tem valor pra todos,

E, mais que isso, acreditamos que só um valor verdadeiramente compartilhado pode

Território de marca OLX Brasil

1 Foi conectando a Duda

Território de marca OLX Brasil

Onde vemos valor Nosso tom de voz

Possibilidades através das conexões; Abre portas

Reinvenção do modelo de consumo;

Território de marca OLX Brasil

Empoderamento como resultado; Sonha alto

Território de marca OLX Brasil

Pra comemorar, preparamos um kit especial

Território de marca OLX Brasil

3 OLX & Zap Imóveis & Viva

Território de marca OLX Brasil

Contamos o resultado das nossas conexões;

Território de marca OLX Brasil

1 Tem quem vende,

Vagas abertas para o time de desenvolvedores

Território de marca OLX Brasil

Território de marca OLX Brasil

Transformamos nossa categoria;

Território de marca OLX Brasil

1 OLX, Zap e Viva Real

Um grupo que acredita que

2 Se tem valor para

Território de marca OLX Brasil

tem na OLX Brasil.

Mensagem Nosso tom de voz

Se tem valor pra todos, Abre portas

onde tudo que gera valor

Território de marca OLX Brasil

Para que a nossa identidade inspire sem perder

Território de marca OLX Brasil

Território de marca OLX Brasil

Território de marca OLX Brasil

Território de marca OLX Brasil

Versão impressa Versão digital

Território de marca OLX Brasil

Território de marca OLX Brasil

Resultado final com a redução de -30%:

Território de marca OLX Brasil

Território de marca OLX Brasil

Território de marca OLX Brasil

Território de marca OLX Brasil

Território de marca OLX Brasil

Pantone Pantone Pantone Pantone Pantone