O que você vai encontrar neste manual?

(1)

Manual da marca

(2)

O que você

vai encontrar neste manual?

03

Estratégia da marca

04 Propósito 05 Valores 10 Atributos

14 Posicionamento

Sumário

15

Tom de voz

16 Pilares

18 Do’s / Dont's 19 Aplicações

20

Diretrizes do logo

21 Arquitetura de marca 22 Árvore de decisão 23 Marcas de produtos 24 Logo Conductor

27 Logos com descritivo 29 Cuidados na veiculação

32

Universo visual

33 Tipografia 35 Cores

37 Estilo fotográfico 43 Módulo

44 Grafismo

52

Composição dos layouts

53 Estrutura 54 Diagramação

(3)

Estratégia da marca

04 Propósito 05 Valores 10 Atributos

14 Posicionamento

(4)

Propósito

Criando meios para mover a sociedade.

estratégia da marca

04

(5)

Os valores de uma empresa são os direcionadores de sua cultura. São as qualidades e as premissas que regem todas as relações. Eles ajudam a dar diretrizes que guiam o comportamento e as atitudes esperadas dentro da empresa.

Valores

Para impulsionar as trocas e criar meios de mover a sociedade, temos que desafiar as regras do jogo. Questionamos a forma como as trocas econômicas acontecem, buscando soluções para fazer melhor e com mais eficiência. Assim, conduzimos a evolução do segmento, deixamos nossa marca na história das empresas e na vida de milhões de pessoas.

Questionamos o status quo.

05

(6)

Somos movidos pelo sonho de cada cliente. Um espírito de parceria que se reflete também nas relações internas, com um olhar sempre voltado a um objetivo maior comum.

Aplicamos nossa visão abrangente do negócio para criar meios de evolução e, também, antecipar necessidades. Das demandas do dia a dia a projetos sob medida, não medimos esforços para colocar nossa promessa em prática e fazer acontecer.

Jogamos juntos.

Valores

06

(7)

Valores

Nos movemos com agilidade.

Somos uma empresa grande que abraçou a visão de startup e gostamos da dinâmica que isso traz.

Testamos, aprendemos, evoluímos. Nos movemos com agilidade para nos adaptar às mudanças.

A inovação surge quando você não tem medo de arriscar. Não importa se algo nunca foi feito antes: com muita coragem e capacidade de aprender com os erros, abraçamos desafios.

07

(8)

Nos colocamos no lugar do cliente para entender e

atender as expectativas. Com muito cuidado na execução e atenção aos detalhes, buscamos a perfeição no que é mínimo para que tudo simplesmente funcione.

Para nós, o básico é um ponto de partida e também um conceito em constante evolução. Cada vez que atingimos o mínimo

esperado, subimos a régua e elevamos o nível da nossa entrega.

Buscamos o

básico perfeito.

Valores

08

(9)

Valores

Para mover a sociedade, nossos meios precisam mobilizar a nós mesmos. Se da porta para fora assumimos um discurso, é porque aqui dentro aprendemos a viver a Conductor na prática.

Da experimentação dos produtos que entregamos à coerência em nossas ações, toda promessa tem mais valor quando vivenciada no dia a dia.

Vivemos

nossos meios.

09

(10)

Os atributos são as características que orientam a construção de uma marca e como ela é percebida pelos seus públicos – clientes, funcionários, fornecedores, parceiros, investidores, formadores de opinião, etc.

São os pilares de nossa marca e o norte de nossa comunicação.

Apontamos o futuro.

Questionamos o status quo.

Protagonizamos transformações.

Visionários

Atributos

10 estratégia da marca

(11)

Fazemos acontecer.

Abraçamos o desafio do cliente.

Somos empáticos.

Parceiros

Atributos

(12)

Agimos rápido.

Sempre em movimento.

Testamos e evoluímos.

Ágeis

Atributos

(13)

Entregamos qualidade.

Inspiramos credibilidade.

Temos a estrutura.

Experientes

Atributos

(14)

O posicionamento é uma declaração que sintetiza como a marca se torna única na mente de seus clientes, tendo em vista o espaço que ela pretende ocupar no mercado. Leva em consideração o contexto competitivo em que a marca atua, buscando diferenciá-la de seus concorrentes e tornando-a relevante para seus principais públicos. Em nosso posicionamento, trazemos a síntese da mensagem que deverá ser ativamente comunicada para o público.

Posicionamento

A Conductor

Marca

entrega soluções em meios de pagamento

Contexto

que precisam de um parceiro para simplificar e desburocratizar suas trocas econômicas

Necessidade

com agilidade, visão ampla do negócio e práticas inovadoras, impulsionando empresas e movendo a sociedade.

Diferenciação

Benefícios

para empresas de todos os tamanhos e áreas de atuação

Público

14

(15)

16 Pilares

18 Do’s / Dont's 19 Aplicações

Tom de voz

(16)

Pilares

PALAVRAS-CHAVE

Transformar / Conduzir / Questionar

Reinventar / Evoluir / Mover / Promover

Impulsionar / Antecipar / Avançar / Futuro Desafiar as regras / Inovação / Tecnologia

Utilizamos o questionamento como caminho para a evolução e uma forma de provocar reflexão. Nosso jeito de falar traz um tom desafiador e apaixonado de quem está sempre em busca de novas respostas. Bons argumentos estão no centro do nosso discurso.

Questionador

1. Perguntas que inspiram respostas ^Diretrizes

Nossas perguntas têm o papel de estimular pessoas e empresas a olharem os meios de pagamento de uma forma diferente da que fazem hoje.

Ex.: Por que as trocas financeiras precisam ser tão burocráticas?

Quem disse? E você? Qual o seu meio para mover a sociedade?

2. De olho no futuro

Queremos que empresas imaginem junto com a gente novas formas de pagamento. Estimulamos que todos questionem o presente para reinventar o futuro. Para isso, utilizamos palavras que denotam tempo, apontando o que pode ser feito agora e o que está por vir.

Ex.: agora, hoje, amanhã, no futuro.

3. Interrogação com moderação

Questionamos quando faz sentido para provocar uma boa reflexão.

Mas evitamos o excesso para não parecermos confusos ou sem direção. JAMAIS colocamos vários pontos de interrogação ao término da pergunta e bons argumentos nos embasam.

Ex.: números e resultados.

4. Paixão pelo que fazemos

Somos apaixonados por tecnologia e expressamos isso através de reflexões que propõem um novo olhar. De um convite à liberdade de escolha a um trecho de música, utilizamos frases que mobilizam o desejo de evolução nas pessoas.

Ex.: Somos o início, o fim e o meio.

5. Palavras com energia

Utilizamos palavras que denotam ação e uma empresa sempre em movimento.

Ex.: mover, transformar, promover, trocas, evolução, sociedade, meios.

16 tom de voz

(17)

Pilares

Diretrizes

Empático

Falamos como em uma conversa entre amigos, de um jeito próximo, humano e aberto ao diálogo. Colocamos as pessoas no centro do negócio e nosso discurso sempre se volta às demandas do cliente.

1. Nós, a gente

Jogamos junto e expressamos isso pelo uso de

pronomes que indicam senso de coletividade: “nós”

ou no modo informal “a gente”.

Ex.: Juntos, nós podemos revolucionar as trocas financeiras.

2. Incluímos o outro

Incluímos o outro no discurso através do uso de pronomes

possessivos, que podem aparecer na primeira pessoa do plural para indicar parceria: Nossa sociedade, nossos objetivos; ou na terceira pessoa, voltando o foco para os interesses do cliente.

Ex.: Colocamos a mão na massa para o seu negócio evoluir.

3. Humano e digital

A gente sabe que tecnologia é um assunto muitas vezes

denso e complicado. Mas estamos aqui para simplificar este tema para todas as empresas que desejam digitalizar meios de pagamento. Quando falamos um termo muito técnico precisamos exemplificar NA PRÁTICA o que isso significa.

4. Pode contar

Nos colocamos lado a lado com o cliente e estamos sempre disponíveis para solucionar suas demandas. Chamamos todos pelo nome, nos colocamos sempre à disposição e reforçamos que pode contar com a gente.

Ex.: Fale com a gente para saber mais.

PALAVRAS-CHAVE

Nós / A gente / Você / Sua empresa / Juntos Para todo mundo / Acessível / Democratizar Facilitar / Simplificar / Descomplicar

Na prática / Parceria / Apoiar

17 tom de voz

(18)

Do’s Dont’s

Nosso negócio é sobre tecnologia para meios de pagamentos.

Oferecemos soluções para todo o ecossistema de pagamento digital.

Exemplo do que fazer: Soluções customizadas em tecnologia para meios de pagamento.

Sempre utilizamos o artigo “a” antes do nosso nome.

Exemplo do que fazer: Somos a Conductor. O que move a Conductor?

Simplificamos a tecnologia por meio de exemplos apontando como ela pode trazer benefícios para o dia a dia das empresas e das pessoas.

Exemplo do que fazer: Investir em um meio de pagamento digital é fazer sua empresa se mover mais rápido, gerando mais negócios.

Lideramos discussões sobre temas que mobilizam o segmento.

Exemplo do que fazer: Insights da Conductor sobre o futuro do pagamento.

Quando necessário, utilizamos o gerúndio para expressar o andamento das ações de uma empresa que está sempre em movimento.

Exemplo do que fazer: Criando meios para mover a sociedade.

Nos colocamos sempre à disposição para apresentar nossas soluções.

Exemplo do que fazer: Quer mover o seu negócio? Vamos falar sobre isso.

Falamos sobre tecnologia com o mesmo entusiasmo com que desenvolvemos cada projeto.

Exemplo do que fazer: Inovação em tecnologia está no nosso DNA.

Nossos números também falam pela empresa: quantidade de projetos, colaboradores, usuários.

Exemplo do que fazer: 20 milhões de usuários ativos.

60 bilhões de reais processados anualmente.

Não escrevemos CONDUCTOR em caixa alta para destacar no meio do texto.

Exemplo do que não fazer: A CONDUCTOR existe em torno de um questionamento.

Não somos uma processadora, mas uma empresa de TECNOLOGIA.

Exemplo do que não fazer: A Conductor é a maior processadora de cartão de crédito “Private Label” do Brasil.

Não falamos linguagem técnica demais e, quando necessário, explicamos e exemplificamos.

Exemplo do que não fazer ao falar da marca institucional: A Conductor conta com plataformas baseadas em machine learning e opensource.

Evitamos verbos no imperativo que deem a ideia de ordem, imposição.

Exemplo do que não fazer: Venha para a Conductor. Leve nossos meios de pagamento para sua empresa.

JAMAIS utilizamos gerundismo para indicar ações futuras.

Exemplo do que não fazer: Vamos estar movendo a sociedade.

Não nos autopromovemos através de adjetivos vazios, nossos números e resultados comprovam nossa liderança.

Exemplo do que não fazer: Somos a maior e melhor empresa de pagamento digital.

Não questionamos em excesso.

Exemplo do que não fazer: Como você move a sociedade?

Como podemos ajudar sua empresa a evoluir????

18 tom de voz

(19)

Aplicações

E-mail mkt

Meios digitais de pagamento podem ser para todo mundo? Com a Conductor, sim.

A gente sabe que trocas financeiras movem a sua empresa. Nosso

objetivo é buscar formas de simplificar os meios de pagamento digitais e tornar esta uma prática acessível para um número cada vez maior de pessoas. Queremos ampliar o acesso e descomplicar o sistema financeiro, tornando as trocas mais eficientes, justas e democráticas.

75.000.000 cartões emitidos

800.000.000 transações por ano

R$ 60.000.000.000 processados por ano

Juntos, podemos imaginar uma solução capaz de melhorar a experiência de compra dos seus clientes e transformar o seu negócio. Fale com a gente para saber mais.

Conductor. Criando meios para mover a sociedade.

Aconteceu na última semana o VTEX Day, considerado um dos mais relevantes

eventos sobre inovação digital da América Latina no segmento de varejo multicanal.

A VTEX é uma multinacional brasileira de tecnologia com foco em e-commerce que atua em mais de 25 países atendendo cerca de 2.500 lojas virtuais, com clientes globais como Sony, Walmart, Whirlpool, Coca-Cola, Lancôme, AVON e LEGO.

O evento recebeu mais de 22 mil pessoas, e esse ano teve como mote a importância da educação e da diversidade para que as empresas se tornem verdadeiras protagonistas da revolução digital que está acontecendo ao redor do mundo. O grande convidado desse ano foi o 44º Presidente dos Estados Unidos, o Ex-Presidente Barack Obama.

A Conductor esteve participando do VTEX DAY 2019 com as soluções de Banking as a Service (BaaS) e Merci. Foi uma oportunidade de muita interação com o público do evento e troca de conteúdo! Veja as fotos.

O VTEX Day movimentou o mercado de inovação digital no varejo multicanal e marcamos presença trazendo um novo olhar para o segmento com nossas soluções de Banking as a Service e Merci.

O evento promovido pela VTEX, uma multinacional brasileira de tecnologia com foco em e-commerce, recebeu mais de 22 mil pessoas. Este ano, o tema abordado foi a importância da educação e da diversidade para que as empresas se tornem verdadeiras protagonistas da revolução digital.

Um pensamento que move todas as iniciativas da Conductor.

O grande convidado desse ano foi o Ex-Presidente Barack Obama. Tivemos uma oportunidade única para ampliar nossa visão do mercado e promover troca de

conteúdo. Queremos compartilhar com você um pouco dessa experiência e provocar uma reflexão sobre como podemos criar os próximos meios para mover a sociedade.

A Conductor é uma empresa de tecnologia especializada em

processamento e soluções para meios de pagamento eletrônicos.

Somos uma empresa de tecnologia que oferece soluções para todo o ecossistema de pagamento digital e queremos ajudar a transformar o seu negócio hoje e no futuro.

PARA DE

DE

PARA

Newsletter

Site

19 tom de voz

(20)

21 Arquitetura de marca 22 Árvore de decisão 23 Marcas de produtos 24 Logo Conductor

27 Logos com descritivo 29 Cuidados na veiculação

Diretrizes

do logo

(21)

Arquitetura de marca

Logo Conductor

Logos com descritivo

Marcas de produtos

Logo Conductor

Logos com descritivo

O logo Conductor representa a unidade entre o conjunto produtos e serviços da marca.

Para diferenciar a marca corporativa das unidades de negócio, foram criadas versões do logo com descritivos e cores diferentes.

A Conductor possui também uma categoria de marcas de produtos e serviços independentes que são endossadas pela marca principal.

Marcas de produtos

21 diretrizes do logo

(22)

Árvore de decisão

Antes de criar um novo logo, consulte a chave de decisão ao lado. O tipo de logo a ser usado vai depender do tipo de público a que ela se destina:

1. B2C ou B2B2C 2. B2B

3. Público interno

Qual é o principal público que atende?

3. Público interno (ou recrutamento)

Não usar a marca Conductor.

Usar marca própria com endosso distante da marca Conductor.

Ex.: Merci

Supre uma necessidade que nossas submarcas já atendem? É possível encaixar em umas das unidades de negócios existentes?

Queremos evitar ao

máximo a criação de novos logos, por isso avalie se é possível utilizar uma das submarcas já existentes .

Incorporar a uma das submarcas já existentes:

Conductor Custom Conductor Protect Conductor Connect Conductor Experience

Não se deve criar logo novo.

Usar marca Condcutor com nome de iniciativa em fonte oficial.

Ex.: Conductor Labs ou Conductor Talk

Seguir a guideline para fazer marca de produto c/ endosso distante da Conductor. Ex.: Pier É um produto ou serviço

cross? É relevante para a Conductor?

Criar logo Conductor com descritivo seguindo a guideline.

Aguardar ganhar relevância ou porte para fazer um logo.

É uma unidade de negócio?

1. B2C ou B2B2C

2. B2B

Sim

Não

Não Sim

Sim

Não 22 diretrizes do logo

(23)

Fonte da marca deve ser escrita em letras minúsculas com a Favorit Pro Book.

Construir o logo com os alinhamentos e

espaçamentos sugeridos no esquema ao lado.

Criar um símbolo que siga o estilo gráfico estabelecido, utilizando as cores principais do logo Conductor.

As marcas de produtos devem estar

conectadas com o universo visual da marca corporativa. Por isso, apresentamos aqui

algumas regras de criação para novas marcas.

Criação de novas marcas

Marcas de produtos

Alinhamento e espaçamento

Estilo gráfico do símbolo

Grid de construção 8x8 com espaço extra para

símbolos extremamente verticais ou horizontais A Espessura da linha para construção é de 6pt

com acabamento de canto “junção arredondada” Deve conter poucos detalhes e alternar entre traços retos e curvos para manter a consistência 50px

Alinhamento pela haste ascendente

Distância = 1/3x

Fonte Favorit Pro Book

Altura x

Detalhes retos

Detalhes curvos Espaço extra

Uso do espaço extra em símbolos extremamente verticais ou horizontais Grid 8x8

(24)

Versão preferencial

O logo é o principal elemento da

identidade visual de uma marca. Para garantir sua integridade e legibilidade, é fundamental aplicá-lo corretamente, por isso utilize sempre a versão que oferecer melhor contraste com o fundo.

Logo Conductor

Versão preferencial sobre fundo coral-tijolo Versão preferencial positiva

Utilize sempre os arquivos originais

Versão preferencial negativa 24 diretrizes do logo

(25)

Logo Conductor

As versões de uso restrito devem ser usadas quando, por razões técnicas, não for possível o uso da versão preferencial.

Sobre imagens, quando a versão preferencial não oferecer contraste com o fundo, utilize a versão chapada.

Versões de uso restrito

Versão monocromática positiva

Versão chapada negativa Versão monocromática negativa

Versão chapada positiva

Utilize sempre os arquivos originais 25 diretrizes do logo

(26)

Logo Conductor

Logo e símbolo não devem estar juntos na mesma face da peça.

Não utilizar o símbolo isolado em materiais de comunicação como anúncio, outdoor, etc.

Não rotacionar ou distorcer o símbolo.

Não sangrar o símbolo na peça, ele deve aparecer sempre inteiro.

Assim como o grafismo é usado para dar vida às peças gráficas, o uso do símbolo isolado é permitido para reforçar a comunicação das marcas. Use o símbolo isolado apenas nos casos em que a marca esteja bem

contextualizada, como estandes, avatares de redes sociais, ambientes digitais da

marca (site, app) e materiais promocionais (pin, adesivo, capa de celular).

Uso do símbolo isolado

Usos incorretos do símbolo isolado 26 diretrizes do logo

(27)

Logos com descritivo

As submarcas carregam o desenho do logo Conductor com a inclusão de um descritivo diferenciador.

Versões preferenciais negativas Versões preferenciais positivas 27 diretrizes do logo

(28)

Logos com descritivo

Novas cores podem ser inseridas na paleta da marca à medida que forem criadas novas submarcas. Consulte o departamento responsável antes de inserir novas cores na paleta.

Cada submarca tem sua própria cor, que será usada tanto no logo quanto no universo visual. Ao lado estão

as versões do logo usadas sobre a cor do fundo de cada submarca.

A cor de cada submarca

(29)

Cuidados na veiculação

Evite utilizar cores que prejudiquem a leitura do logo.

Nos casos em que não for possível utilizar a versão preferencial, utilize a versão chapada de uso restrito.

Quando aplicar o logo sobre cores que não estejam na paleta da marca (peças de parceiros, campanhas específicas), tome cuidado para utilizar a versão que ofereça melhor contraste.

Fundos coloridos

(30)

Cuidados na veiculação

Área de proteção

Redução máxima

Área de proteção

Redução máxima

Para que sua aplicação seja otimizada em

peças e composições, o logo deve ser utilizado com uma área de proteção equivalente

à altura do círculo central do símbolo.

Quando utilizar o símbolo isolado, considere a área de proteção igual à metade da altura do círculo central.

Para preservar a leitura, o logo Conductor possui uma redução máxima de 6mm

de altura em meios impressos e 70px de altura em meios digitais.

A redução dos logos com descritivo é de 7mm de altura em meios impressos e 80px de altura em meios digitais.

Para o símbolo, considere a redução de 6mm de altura em meios impressos e 70px de altura em meios digitais.

6 mm / 70 px

7 mm / 80 px

6 mm / 70 px 30 diretrizes do logo

(31)

1 - Não alterar as proporções do logo.

2 - Não adicionar/suprimir elementos.

3 - Não usar as cores das submarcas no logo corporativo.

4 - Não alterar a tipografia.

5 - Não distorcer ou rotacionar os elementos.

6 - Não adicionar efeitos.

7 - Não desassociar o símbolo do lettering.

8 - Não alterar o local do descritivo.

9 - Não inserir o logo dentro de boxes.

Cuidados na veiculação

Ao lado, estão alguns exemplos de usos indevidos que comprometem a integridade da marca e interferem na boa leitura, na fácil identificação e na unidade entre as peças.

Usos incorretos

1

4

2

5

3

6

7 8 9

(32)

33 Tipografia 35 Cores

37 Estilo fotográfico 43 Módulo

44 Grafismo

Universo

visual

(33)

Berlingske Serif

playtype.com/font/berlingske-serif Favorite Pro

abcdinamo.com/typefaces/favorit-pro

Tipografia

A Conductor possui duas fontes institucionais:

a Berlingske Serif, que deve ser usada com destaque, e a Favorit Pro, usada como

apoio para textos mais longos e legendas.

Fontes institucionais

Em subtítulos, utilize a Favorit Pro.

A Berlingske Serif Medium também pode ser usada em olhos e citações

de texto que têm muita importância.

Em textos de menor destaque, use a família Favorite Pro, que possui mais variações de peso, auxiliando na composição dos layouts.

Ao criar infográficos e tabelas, utilize a Favorit Pro em textos menores e a Berlingske para

destacar informações importantes.

Meios digitais de pagamento podem ser para todo mundo?

Com a Conductor, sim.

A gente sabe que trocas financeiras movem a sua empresa. Nosso objetivo é buscar formas de simplificar os meios de pagamento digitais e tornar esta uma prática acessível para um número cada vez maior de pessoas. Queremos ampliar o acesso e descomplicar o sistema financeiro, tornando as trocas mais eficientes, justas e democráticas.

800

milhões de transações por ano

A Berlingske Serif Demi

Bold é a fonte

para chamadas.

33 universo visual

(34)

Tipografia

Nos meios digitais, utilize a Berlingske Serif em títulos e a Sarabun em textos longos.

Fontes para web

Nos casos em que não seja possível utilizar as fontes institucionais, utilize a Georgia no lugar da Berlinske, e a Arial

no lugar da Favorit Pro.

Berlingske Serif

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

0123456789()!&#%$&%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

0123456789()!&#%$&%

Georgia

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

0123456789()!&#%$&%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

0123456789()!&#%$&%

Sarabun

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

0123456789()!&#%$&%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

0123456789()!&#%$&%

Arial

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

0123456789()!&#%$&%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

0123456789()!&#%$&%

Fontes de sistema

Sarabun

fonts.google.com/specimen/Sarabun

Utilize a Berlingske Serif nos títulos da web Utilize a Georgia nos títulos como fonte de sistema

Utilize a Sarabun em textos longos na web Utilize a Verdana nos textos longos como fonte de sistema 34 universo visual

(35)

Cores

Cores institucionais

Cores das submarcas

A paleta institucional da Conductor é composta pelo chumbo-conductor, que deve ser predominante tanto no universo visual da marca institucional quanto das submarcas. O coral-tijolo complementa a identidade institucional e deve ser usado para realçar elementos gráficos.

Cada submarca da Conductor possui uma cor auxiliar utilizada no símbolo e que deve ser usada no universo visual da própria submarca. Em todos

os casos, o chumbo-conductor deve ser a cor predominante.

Caso sejam criadas novas marcas e seja necessário incluir uma nova cor na paleta, contate o setor responsável.

PANTONE CMYK RGB

#

5535 C

40/0/20/85 24/50/53 183235 CHUMBO-CONDUCTOR

CORAL-TIJOLO PANTONE

CMYK RGB

#

2030 C 0/60/50/0 241/134/112 F18670

VERDE-PLANTA PANTONE

CMYK RGB

#

2304 C 45/15/85/0 153/175/84 99AF54

AMARELO-MADEIRA PANTONE

CMYK RGB

#

458 C

10/25/85/0 221/181/69 DDB545

ROXO-LUZ PANTONE CMYK RGB

#

271 C

45/45/0/0 149/126/186 957EBA

CINZA-CIMENTO PANTONE

CMYK RGB

#

7543 C 5/0/0/45 138/149/153 8A9599 35 universo visual

(36)

Ao lado exemplificamos as combinações que devem ser usadas para cada

uma das submarcas.

Sobre os fundos coloridos das submarcas, utilize textos na cor chumbo-conductor e o grafismo na cor branca.

Contraste

Cores

Textos em branco

Lorem ipsum

Grafismo em coral-tijolo

Lorem ipsum

Grafismo em branco

Lorem ipsum

Grafismo em branco

Lorem ipsum

Grafismo em branco

Lorem ipsum

Grafismo em branco

Lorem ipsum

Textos em chumbo-condutor

Grafismo em branco 36 universo visual

(37)

Criando meios para mover a sociedade.

Estilo fotográfico

Diretrizes fotográficas

As diretrizes fotográficas são inspiradas em nosso propósito "Criando meios

para mover a sociedade", e são divididas em três temas: meios criados, pessoas movidas e sociedade impactada.

As imagens devem sempre acontecer em situações inspiradas pela vida

real, impactadas pela Conductor.

(38)

Estilo fotográfico

As fotos devem ter uma atmosfera natural com iluminação neutra

e pessoas em atividades cotidianas.

Iluminação

Tratamento

O tratamento deve dar acabamento de uma leve baixa de saturação e um bom contraste. Assim como os tons azulados e magenta devem ser

levemente realçados, a fim de reafirmar as cores principais da marca.

Desfoque

Nas fotografias em que aparecem

produtos ou pessoas, deve-se desfocar o fundo para enfatizar o tema e

facilitar a aplicação do grafismo. Já nas fotografias de paisagem, não aplicar grafismo para manter a limpeza visual.

Sem tratamento

Com tratamento

Com tratamento 38 universo visual

(39)

Nesse estilo, a tecnologia de

pagamento deve estar evidenciada.

Qualquer marca, real ou fictícia, que eventualmente esteja na imagem, deve ser apagada ou desfocada de forma que fique irreconhecível.

Layouts que estejam em outros idiomas ou com informações não ligadas ao

assunto, devem ser desfocados.

Meios

Estilo fotográfico

(40)

Estilo fotográfico

Deve-se representar pessoas de vários lugares do Brasil, com variedade em etnia, estilo de vida e gênero, evitando estereótipos.

As pessoas devem estar em movimento, realizando alguma atividade cotidiana, como andar pela cidade, comprar produtos, pegar um transporte público.

Devem estar sempre em evidência, com cenário reconhecível, mas desfocado.

Pessoas

(41)

Estilo fotográfico

As paisagens devem ser

preferencialmente fotografadas pela vista superior ou inferior.

Atentar-se à representação de diferentes cidades do Brasil.

Não aplicar grafismo nessa categoria de fotos.

Paisagens

(42)

1/3

1/3 1/3

1/2

1/2 2/3

2/3

2/3 1

1 1

1

Em formatos extremos, não utilize

cortes paralelos ao lado maior, evitando imagens descontextualizadas.

Usos incorretos

Estilo fotográfico

Quando aplicada na peça gráfica sem o grafismo, a fotografia pode:

1. Ocupar 1/3 da página 2. Ocupar 1/2 da página 3. Ocupar 2/3 da página 4. Ocupar a página inteira

Área de ocupação na peça

(43)

Para encontrar a medida de 1 módulo, divida o lado maior da peça gráfica por 20.

1 2 3 4 5 6 7 8 9 10

11 12 13 14 15 16 17 18 19 20

1 módulo

2/3 módulo

1/2 módulo

Módulo

O módulo é a medida base utilizada nas regras de uso dos componentes do layout, como o grafismo, e nas proporções e composição de cada elemento em relação à peça.

Utilizaremos também as medidas de 2/3 e 1/2 módulo na composição das peças.

1/20 43 universo visual

(44)

Grafismo

Os grafismos da Conductor são

representações gráficas de diferentes meios, vistos por cinco perspectivas distintas. Além das cinco variações, foi criada uma versão simplificada exclusiva para o uso com fotografias.

Matriz exclusiva para mascarar fotografia 44 universo visual

(45)

Lado menor da peça = lado maior do grafismo

Lado maior da peça = lado maior do grafismo

75%

50%

100%

60%

125%

75%

Grafismo

Dimensão em formatos normais

Em peças gráficas com

dimensões normais, dimensione o grafismo igualando seu maior lado ao menor lado da peça.

A partir dessa medida, é possível redimensionar o grafismo

de 75% a 125% de seu tamanho.

Dimensão em formatos extremos

Em peças gráficas com formatos extremos, dimensionar o grafismo igualando seu

maior lado ao maior lado da peça.

A partir dessa medida, pode-se red imensionar o grafismo de 50% a 75% de seu tamanho.

(46)

Em formatos normais, redimensione o grafismo de 75 a 150%

Fotografia aplicada

sempre no círculo médio

Textura aplicada nos círculos.

Quando interferir em fotos, ela pode ser recortada

75% 150% 50% 75%

Em formatos extremos, redimensione o grafismo de 50 a 75%

Para utilizar imagens mascaradas dentro do grafismo, foi criada uma matriz exclusiva.

A fotografia deve ser aplicada no

círculo médio e a textura pode ocupar os três círculos, e pode ser recortada quando usada sobre fotos.

Para dimensionar a matriz, utilize a mesma regra de dimensionamento do

grafismo, considerando, porém, a variação de 50 a 75% para layouts extremos e

de 75 a 150% para layouts normais.

Exclusivo para fotografia

Grafismo

(47)

A matriz de grafismo exclusiva para mascarar fotografia deve ser aplicada individualmente, sem outro grafismo acompanhando o layout.

Exclusivo para fotografia

Grafismo

Utilize recortes na textura

para valorizar a fotografia

Em fotos de paisagem, não utilize a textura sobre a imagem.

Quando aplicar a textura sobre a

fotografia, utilize recortes na imagem para valorizar o elemento principal.

Não aplique textura sobre fotos de paisagem.

(48)

Grafismo

O posicionamento do grafismo deve preservar a ideia de um meio em perspectiva.

Utilize as matrizes de grafismo para valorizar os layouts.

Os grafismos podem ser rotacionados livremente.

O grafismo não deve ultrapassar os limites da área da imagem.

Não é recomendado utilizar cortes que descaracterizem o grafismo.

Não é recomendado posicionar o grafismo de forma que ele encoste nos quatro lados do layout.

Posição no layout

Rotacionar o grafismo

Interferência sobre fotografias. Grafismo ultrapassando o limite da fotografia Encostar nos quatro cantos

Descaracterização do grafismo 48 universo visual

(49)

Texturas

Grafismo

A identidade visual da Conductor tem três estilos de textura para grafismo que reforçam o ideal de meio:

1) Linhas contínuas 2) Linhas tracejadas 3) Linhas pontilhadas

Preenchimento correto

Evitar preenchimento muito denso

Evitar preenchimento pouco denso Texturas que podem ser usadas no grafismo.

A textura deve causar uma impressão visual de preenchimento médio. Ao dimensionar a matriz de textura sobre o grafismo, atentar- se para que a massa gráfica da textura

não fique muito vazia ou muito poluída.

(50)

Grafismo

Recomenda-se o uso de até duas texturas em um mesmo grafismo, desde que os layouts não tenham excesso de recursos visuais e nem prejudique a leitura do texto ou fotografia.

Uso correto das texturas

Não utilizar sobreposição de texturas

Não utilizar mais que duas texturas

Preenchimento incorreto

Texturas

(51)

Regra do módulo na página 43

Módulo/22

A espessura do grafismo deve ser perceptivelmente maior que a espessura das linhas de textura.

Para manter a consistência do grafismo no universo visual, utilizar os seguintes parâmetros para espessuras:

1. Em materiais digitais, utilize linhas de 0,75 pt.

2. Em impressos até o tamanho A3, utilize linhas com 0,75 pt.

3. Em impressos maiores que A3, a espessura da linha obtida através do tamanho do módulo dividido por 22.

Grafismo

Espessura das linhas

Impressos maiores que A3 51 universo visual

(52)

53 Estrutura 54 Diagramação

Composição

dos layouts

(53)

1 módulo utilizado como margem

1/2 módulo é a menor dimensão possível do espaço entre colunas

1 módulo é a maior dimensão possível do espaço entre colunas Em formatos extremos, é

possível utilizar 2/3 ou 1/2 do módulo como margem 1 módulo

2/3 módulo

1/2 módulo

Estrutura

Utilize 1 módulo como medida para definir as margens da peça gráfica.

Em formatos extremos, é

possível utilizar como medida de margem 2/3 ou 1/2 módulo.

Utilize 1/2 módulo como dimensão mínima para o espaço entre colunas, e 1 módulo como dimensão máxima.

Utilize o número de colunas que for necessário para

acomodar o conteúdo, desde que respeitem a regra acima.

Margem

Colunagem

53 composição

(54)

Diagramação

O logo deve ser posicionado no canto superior esquerdo em situações em que a marca está apresentando o conteúdo e no canto inferior direito em situações em que a marca está assinando o conteúdo.

A dimensão do logo é dada pela relação entre sua altura e o tamanho do módulo.

Dependendo da quantidade de informações, o logo pode ter 1 módulo de altura ou

1 + 1/3 de módulo, como exemplificado abaixo.

Posição do logo

Dimensão do logo

1 módulo

1 + 1/3

54 composição

(55)

Combinar todos os elementos e regras criados é importante para manter a coerência visual da marca.

Destacamos aqui algumas regras principais para serem observadas na hora de criar novas peças:

Tamanho de margens e colunas.

Posicionamento e tamanho do logo.

Destaque para títulos e informações principais.

Uso do grafismo: isolado, sobre

fotografias, ou mascarando imagens.

Área de ocupação das imagens (1/2, 1/3 ou 2/3 da peça).

Diagramação

55 composição

(56)

conductor.com.br

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh psum dolor sit amet, consectetuer.

Quem disse que meios eletrônicos de pagamento não podem ser para todo mundo?

conductor.com.br

Criando meios para mover a sociedade

Somos o iníc

io, ofim e o m

eio.

Criando meios para mover a sociedade Ao acrescentar cores, fotografia e

texturas, fique atento às seguintes regras:

Logo sendo usado nas cores corretas.

As cores de cada submarca devem ser usadas em suas respectivas peças. Em peças insitucionais, utilizar apenas o chumbo-conductor e o coral-tijolo.

Grafismo sobre fotos não ultrapassa a margem da fotografia.

Textura sobre foto pode ser recortada para valorizar a imagem.

Diagramação

56 composição

(57)