Livro de normas técnicas da marca Portal Veículos.
2 017
- pense numa marca e dĂŞ vida Ă ela; e depois pare de nutri-la.
de sucesso disso, nĂŁo
INTRODUÇÃO . . . . . . . . . . . . . . 5 CONCEPT .................. 7
LOGO ....................... 9 Positive
.................. 11
Brand Name Negative Black
Paleta de cores
........... 23
.............. 15
................. 17
..................... 18
Reduções
CORES INST ............. 21
................ 19
TYPEKIT ................. 25 Open Sans Ubuntu
............... 27
.................. 29
LING VISUAL ............ 31 Fotografia Videos
................ 33
MARGENS E ESP ....... 47 Área de Respiro
.......... 47
.................... 37
Backgrounds
............. 43
BRAND USAGE ......... 57 Materiais
................. 57
No veículo
COBRAND ............... 51 Assinatura conjunta
...... 53
Em peças de terceiros
.... 55
................ 59
Nos meios impressos Nos meios digitais
..... 61
....... 65
No Design Industrial
..... 67
5
BRANDBOOK
INTRODUÇÃO
6
Branding é uma das formas mais distintas de fazer uma marca ser notável na sociedade onde existe.
Mais do que a representação de ícones, cores e fontes, a marca possui uma alma.
Marcas de valor são aquelas que praticam não só um design bonito, mas as que expressam essa alma da forma mais verdadeira possível.
Na Portal, é a combinação do elemento carro com pessoas e sentimentos de conquista, satisfação, credibilidade e modernidade.
BRANDBOOK
INTRODUÇÃO
7
BRANDBOOK
CONCEPT
CONCEPT
8
BRANDBOOK
CONCEPT
O insight da marca Portal vem do Ăcone do antigo logo. Completamente redesenhado, ficou mais moderno, dinâmico e agradavelmente minimalista.
LOGO A logomarca da Portal é o principal elemento da marca, expressando velocidade e elegância. O uso do logo Portal Veículos deve seguir todas as normas contidas neste brandbook, mantendo todos os componentes, cores e proporções. Não está permitido para redesign, recriação ou mudar qualquer posição, cor ou proporção. Os elementos do logo são o ícone e o Brand Name. Use o logo Portal Veículos somente nas suas versões oficiais, que caracterizam a aplicação
9
BRANDBOOK
LOGO
correta da marca.
10 BRANDBOOK
LOGO
LOGO BRANDBOOK
ICON SOLID / OUTLINE .
11
BRANDBOOK
NORMAL USO PREFERENCIAL .
12
LOGO
BRANDBOOK
VERTICAL USO SECUNDÁRIO .
13
LOGO
BRANDBOOK LOGO
EXTENDED USO DOCUMENTAL .
14
15
BRANDBOOK
LOGO
O uso do Brand Name ocorrerá sempre que as versões do logo [vertical, horizontal e icon] não forem usadas. Deverá seguir todas as normas de aplicação nos diversos tipos de backgrounds.
BRAND NAME USO TEXTUAL / POUCO FREQUENTE .
16
BRANDBOOK
LOGO
17
BRANDBOOK
LOGO
18 BRANDBOOK LOGO
NEGATIVE USO SOBRE FUNDOS ESCUROS.
BLACK USO MONOCROMÁTICO / FUNDOS CLAROS
19
BRANDBOOK
LOGO
03 06
NORMAL
VERTICAL
03
EXTENDED
03
ICON
20 BRANDBOOK LOGO
AS MEDIDAS SÃO EM MILÍMETROS CALCULADOS PELA ALTURA DO LOGO.
21
BRANDBOOK
CORES INSTITUCIONAIS
escolhidas as cores preto, branco, cinza e amarelo.
ser precisa para provocar o efeito desejado. Para a nova marca Portal, foram
As cores tĂŞm o poder de causar um grande impacto, por isso a escolha deve
BRANDBOOK
ESTUDO DAS CORES
CORES INSTITUCIONAIS
22 CORES INSTITUCIONAIS
23
BRANDBOOK
CORES INSTITUCIONAIS
C M Y K C10 M0 Y0 K80 R G B R77 G85 B91 W E B #4D555A
C M Y K C0 M0 Y0 K50 R G B R147 G149 B152 W E B #939598
C M Y K C0 M0 Y0 K100 R G B R0 G0 B0 W E B #000000
C M Y K C0 M0 Y0 K15 R G B R220 G221 B222 W E B #DBDCDE
C M Y K C0 M0 Y0 K5 R G B R241 G242 B242 W E B #F1F1F2
C M Y K C0 M0 Y0 K30 R G B R188 G190 B192 W E B #BCBEC0
C M Y K C0 M25 Y95 K0 R G B R255 G194 B34 W E B #FEC221
TYPEKIT L O R E M
I
P
Ubunto
S Google Fonts
U M
O Typekit da marca Portal Veículos é formado pelas famílias Open Sans e Ubuntu, do catálogo Google Fonts. Devem ser usadas em mídias digitais e impressas, preferencialmente com os pesos mais leves.
25
BRANDBOOK
TYPEKIT
Open Sans
L O R E M I P S U M
26 BRANDBOOK TYPEKIT
O P E N
S A N S
T Y P E F A C E
ABCDE FGHIJKLMN OPQRSTU VXWYZ 0123456789
27
BRANDBOOK
TYPEKIT
E X P E R I E N C E
sodales. Nunc viverra enim
elementum mi mollis.
&$%
LOREM
T Y P E
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.
ALIQUAM MAXIMUS SAGITTIS LOREM, IN ELEIFEND LEO SEMER
ET. NAM QUIS MAGNA INTERDUM, DICTUM VELIT IN, RHONS
ARCU. SED VESTIBULUM SEM EROS, NON COMMODO PURUS
bibendum, id ornare ligula
BLANDIT CONVALLIS. PELLENTESQUE HABITANT.
Mauris luctus velit at risus
TYPEKIT BRANDBOOK 28
A B C D E FGHIJKLMN OPQRSTU U B U N T U
T Y P E F A C E
VXWYZ
0 1 2 3 4 5 6 7 8 9 & $ %
29
BRANDBOOK
TYPEKIT
30 BRANDBOOK TYPEKIT
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam maximus sagittis lorem, in eleifend leo semer et. Nam quis magna interdum, dictum velit in, rhons arcu. Sed vestibulum sem eros, non commodo purus blandit convallis.
lipsum
MAURIS LUCTUS VELIT AT RI SUS BIBENDUM, ID ORNARE LIGULA SODALES. NUNC MI MOLLIS
T Y P E
VIVERRA ENIM ELEMENTUM
E X P E R I E N C E
31
BRANDBOOK
LINGUAGEM VISUAL
inspirado em cenas reais que tangem, de alguma forma, a experiência da compra de um carro novo. Dentro dessa
BRANDBOOK
LINGUAGEM VISUAL
32
O estilo fotográfico da Portal é
linha, as normas técnicas irão como a escolha das fotos.
LINGUAGEM VISUAL
direcionar tanto a produção
P R E F E R E N C I A L
33
BRANDBOOK
LINGUAGEM VISUAL
A linha mestra da produção e escolha de imagens é a criação de cenas realistas. Portanto, devem ser evitadas imagens onde os personagens olham diretamente para a câmera, além de um limite de até 3 pessoas na imagem para que não perca sua eficácia. É essencial o uso do Plano Americano no enquadramento, aproximando o assunto da imagem na divisa da proporção áurea da cena.
34
BRANDBOOK
LINGUAGEM VISUAL
LINGUAGEM VISUAL BRANDBOOK 35
O casting deve ser formado preferencialmente por adultos jovens com idade entre 25 e 35 anos e de ambos os sexos. O figurinismo deve ser composto por roupas casuais de cores discretas, se possível, mantendo um padrão de tons. Também deve seguir as tendências atuais da moda, refletindo um ambiente contemporâneo. O uso de acessórios é permitido e a maquiagem é recomendada.
A prioridade das fotos é o ambiente com luz natural e a neutralidade das cores dos elementos, como no exemplo acima, apresentando um tipo básico de edição de imagens dentro do estilo. A equação sugere verdes, cianos e azuis discretos, poucos tons de amarelo e vermelho suave. A correção do gama pode causar contrastes, desde que mantenha a imagem realista.
36
BRANDBOOK
LINGUAGEM VISUAL
Complementando um pouco a linguagem visual, o estilo cinematográfico segue todas as normas técnicas da fotografia, já que a fotografia em vídeo é fundamental. O princípio básico do estilo dos vídeos da Portal é o realismo do cinema encorpando toda a estética do material e a apreciação pelos formatos mais retangulares, sendo a primeira e melhor opção, o Panavision.
37
BRANDBOOK
LINGUAGEM VISUAL
38
BRANDBOOK
LINGUAGEM VISUAL
O assunto na fotografia de carros em videos deverá estar descentralizado, em uma região próxima a divisa da proporção áurea da cena. Preferencialmente, angulações levemente inclinadas e um close mais próximo dos carros deverão ser usadas, não sendo proibidas angulações retas e closes mais distantes.
39
BRANDBOOK
LINGUAGEM VISUAL
40
BRANDBOOK
LINGUAGEM VISUAL
41
BRANDBOOK
estática, chegando num preto 100%.
quanto na horizontal. A cena pode ter continuidade de movimento, se for aplicável, ou ser
um mínimo de 50% e a aplicação do logo na versão negativa centralizada tanto na vertical
O padrão da assinatura da marca em videos é a adição de um escurecimento da tela com
4x
1x
4x
LINGUAGEM VISUAL
42
BRANDBOOK
LINGUAGEM VISUAL
43
BRANDBOOK
LINGUAGEM VISUAL
Os backgrounds institucionais da marca são formados pela paleta de cores oficial com suas respectivas referências numéricas. Apenas sobre fundo branco mantém-se a aplicação positiva do logo.
Sobre fundo amarelo, deve-se usar o logo em versão Black.
44 BRANDBOOK LINGUAGEM VISUAL
LINGUAGEM VISUAL BRANDBOOK
Aplicação do logo em box Uso secundário
45
BRANDBOOK LINGUAGEM VISUAL
Aplicação solta Alto contraste 100% de Legibilidade BK / WH
46
legibilidade dos elementos nas peças da
Portal.
47
MARGENS & ESPAÇAMENTOS
uma hierarquia mais clara e uma maior
BRANDBOOK
O uso do espaçamento adequado permite
do comprimento do ícone do logo, sendo o perfil ideal a partir de '2x'.
'1x' em cada lateral, na parte superior e inferior. O valor de 'x' deve ser extraído
O espaçamento minimo necessário para a construção da área de respiro é de
ÁREA DE RESPIRO
MARGENS & ESPAÇAMENTOS
BRANDBOOK
MARGENS & ESPAÇAMENTOS
É obrigatório o uso dos espaçamentos estabelecidos na composição de peças da marca Portal. Quaisquer violação destas normas é passível de reprovação.
48
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec velit turpis, porttitor sit amet sollicitudin vitae, iaculis a mauris. Curabitur at sem ac metus tristique pharetra. Phasellus accumsan malesuada dapibus. Quisque pharetra fringilla dignissim. Duis ornare vulputate nisi, posuere mollis tortor ornare sit amet. Curabitur quis ultricies sapien. Proin blandit nibh in turpis varius, sit amet pellentesque ante auctor. Donec sagittis turpis quis est lacinia, non tempor purus mollis. Fusce vehicula et ante vel aliquet. Fusce faucibus augue sit amet vestibulum cursus. Fusce at rutrum nulla. Phasellus eget vulputate ex.
Duis dignissim est lectus, maximus tincidunt augue ornare in. Curabitur vitae lacinia eros, vitae malesuada mauris. Maecenas ultrices efficitur risus, vel varius elit. Nulla ut pellentesque quam. Sed et augue porta, ultricies sem cursus, ultrices velit. Vestibulum luctus egestas ipsum, accumsan bibendum libero mattis ultrices. Nunc vulputate sit amet tellus nec scelerisque. Curabitur et magna sem. Suspendisse dolor nulla, sollicitudin nec eros ac, dignissim tristique magna. Sed dignissim posuere purus a rutrum. Nulla nec facilisis leo. Donec semper pellentesque aliquam. Pellentesque pretium ex vel eleifend imperdiet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec velit turpis, porttitor sit amet sollicitudin vitae, iaculis a mauris. Curabitur at sem ac metus tristique pharetra. Phasellus accumsan malesuada dapibus. Quisque pharetra fringilla dignissim. Duis ornare vulputate nisi, posuere mollis tortor ornare sit amet. Curabitur quis ultricies sapien. Proin blandit nibh in turpis varius, sit amet pellentesque ante auctor. Donec sagittis turpis quis est lacinia, non tempor purus mollis.
Maecenas sollicitudin enim ornare, elementum massa id, blandit justo. Duis dignissim est lectus, maximus tincidunt augue ornare in. Curabitur vitae lacinia eros, vitae malesuada mauris. Maecenas ultrices efficitur risus, vel varius elit. Nulla ut pellentesque quam. Sed et augue porta, ultricies sem cursus, ultrices velit. Vestibulum luctus egestas ipsum, accumsan bibendum libero mattis ultrices. Nunc vulputate sit amet tellus nec scelerisque. Curabitur et magna sem. Suspendisse dolor nulla, sollicitudin nec eros ac, dignissim tristique magna.
49
BRANDBOOK
MARGENS & ESPAÇAMENTOS
BRANDBOOK
MARGENS & ESPAÇAMENTOS
50
COBRAND
51
BRANDBOOK
COBRAND
52
A assinatura conjunta em peças da Portal deverá seguir as normas de aplicação do logo, preferencialmente a versão positiva solta no layout. Os logos de terceiros deverão ser aplicados, sempre que possível, em versões preto e branco.
A assinatura conjunta em vídeos segue os mesmos princípios, acrescido do pensamento com mais um logo. O padrão implica numa altura máxima e uma distância mínima entre os elementos. Dessa forma ambos os logos ficam legíveis e pouco invasivos. Nestes tipos de assinatura, é necessário um ajuste
53
BRANDBOOK
COBRAND
óptico na horizontal para o layout ficar mais agradável.
1,5x
1x O G O L
4x
BRANDBOOK
4x
54
1x
COBRAND
COBRAND BRANDBOOK 55
A assinatura conjunta de marcas em peças de terceiros deve manter a identidade da marca intacta. O uso preferencial é a versão positiva do logo com fundo branco. Em casos onde for necessário o uso da paleta de cores do terceiro, o logo branco deverá ser usado. É preferível utilizar retângulos brancos sobre imagens antes de aplicar sobre outras paletas de cores. As normas de aplicação, proteção e respiro se aplicam nestes casos também, ficando proibidas todas maneiras não oficiais de uso e expressão da identidade corporativa. As principais incidências de cobrands da Portal serão: Bancos e Instituições Financeiras, Feirões, Despachantes, Seguradoras e Corretoras de Seguros. Essas orientações de cobrand são referências gerais para quando não houver definições contratuais que estabeleçam regras mais específicas.
56
BRANDBOOK
COBRAND
P R E F E R E N C I A L
BRAND USAGE MATERIAIS
Além dos valores estéticos, os materiais impressos com propriedades específicas - cartões em pvc, papéis, paineis externos, totens, etc. - serão avaliados pelas caracteríticas técnicas, como tipo de material, peso, gramatura, entre outros. A preferência é por materiais de qualidade superior e acabamento mais fino.
BRANDBOOK
BRAND USAGE
58
59
BRANDBOOK
BRAND USAGE
O projeto da marca Portal Veículos foi desenvolvido com um conceito bastante moderno, resultando em um design preparado para atender as novas necessidades tecnológicas. Com a mesma lógica das mídias impressas, o logo terá um comportamento bastante satisfatório frente ao design de websites responsivos, nos diversos tipos de mídias sociais e futuros apps que poderão ser úteis. A aplicação da marca em veículos e os respectivos acessórios deve respeitar os espaçamentos mínimos e as normas técnicas de uso do logo sobre as principais variações de cores e modelos dos veículos.
Placa da Marca
60
BRANDBOOK
BRAND USAGE
BRAND USAGE BRANDBOOK
O comportamento da marca em materiais impressos reflete a sensação de leveza e
61
fluidez aos olhos. Portanto, os layouts construídos com a marca Portal deverão fugir das limitações convencionais para trazer algo 'diferente'.
Abusar dos espaçamentos, alternar entre posições verticais e horizontais, usar margens altas e formatar textos de forma 62
diferenciada - tamanhos e pesos - podem trazer esse diferencial nas peças. O ponto é
BRANDBOOK
pensar 'fora da caixa'.
BRAND USAGE
63
BRANDBOOK
BRAND USAGE
64
Materiais impressos de alta circulação e visibilidade, como cartões de visita e outdoors, devem evidenciar a marca em um ambiente limpo e de fácil leitura.
O cuidado de aplicar o logo sobre imagens deve ser tomado e orientado conforme as normas de aplicação sobre fundos fotográficos.
BRANDBOOK
BRAND USAGE
65
BRANDBOOK
BRAND USAGE
66
A marca nas mídias digitais deve valorizar
a experiência do usuário. O layout deve ser
agradável aos olhos e manter a clareza dos
elementos, que devem ser poucos.
BRAND USAGE BRANDBOOK
No Design Industrial, é necessário avaliar 67
produtos que possuam os mesmos atributos da marca. Seja para a confecção de brindes ou para uma extensão de produtos.
68
BRANDBOOK
BRAND USAGE
Preferencialmente, os produtos que terão o logo
Portal deverão atender um padrão de qualidade e
estilo como requisito mínimo necessário: Design
minimalista, padrão de cores discreto e qualidade
superior de acabamento.
Conteúdo
Sobre o uso e
apresentado no livro
obrigatoriedade do livro
7 — Concept
Este brandbook propõe o uso
9 — Logo
correto da marca.
Jaú, São Paulo hello@cesarebrand.com cesarebrand.com
Positive Brand Name Negative Black Reduções 21 — Cores institucionais Paleta de cores 25 — Typekit Open Sans Ubuntu 31 — Linguagem visual Fotografia
O conteúdo deste livro é para consulta obrigatória em usos da marca Portal.
Videos Backgrounds 47 — Margens e espaçamentos Área de respiro 51 — Cobrand Assinatura cojunta Em peças de terceiros 57 — Brand usage Materiais No veículo
Para orientações em situações
Nos meios impressos
não exemplificadas neste
Nos meios digitais
brandbook, consulte a equipe
No Design Industrial
da Portal.
Venda e
Versão
Sobre as imagens
distribuição do livro
deste brandbook
contidas neste brandbook
É proibida a venda deste
Nº 1
Todas as imagens utilizadas
brandbook.
JAN, 2017
são ilustrativas. A utilização das imagens não visa má fé nem a tentativa de propagar imagens de terceiros com intuito comercial. Estas imagens somente ilustram a aplicação das normas técnicas do logo para usos futuros em situações
A cópia digital deve ser
possíveis e que serão validadas
distribuida aos terceiros
pelas devidas licenças.
gratuitamente.
701 Avenida João Chammas Jardim Nova Jaú . Jahu São Paulo . 17213 485
14 4103 0797
cesarebrand.com hello@cesarebrand.com