manual de identidade visual VISUAL IDENTITY GUIDELINE
o manual Este manual traz as normas obrigatórias de utilização do logotipo da Business Avenue e sua identidade visual. A padronização foi pensada para ser aplicada em diferentes situações tanto nos materiais para os meios digitais quanto para impressão. Desta forma, o objetivo é atingir uma unidade visual em toda a comunicação da empresa. Caso você encontre uma situação que não se enquadre nas normas descritas a seguir ou tenha dúvidas na aplicação do logo, entre em contato com o departamento de Marketing da Business Avenue: marketing@businessavenue.pt
sumário Logotipo .............................................................................................................................. 04 Elementos do logotipo ............................................................................................. 06 Área de proteção ........................................................................................................... 07 Paleta de cores ............................................................................................................... 08 Aplicações do logotipo ............................................................................................. 12 Fundos coloridos (claros) ......................................................................................... 14 Fundos coloridos (escuros) .................................................................................... 15 Monocromático .............................................................................................................. 16 Aplicações permitidas ............................................................................................... 18 Aplicações proibidas ................................................................................................... 19 Elemento complementar ....................................................................................... 20 Ampliação e redução ................................................................................................. 22 Tipografia ........................................................................................................................... 24 Ficha Técnica ................................................................................................................... 30
logotipo O logotipo é a representação gráfica da organização e deve ser aplicado de acordo com a identidade visual da instituição. A seguir, o manual apresenta o logotipo da Business Avenue e suas variações respeitando as cores institucionais e área de proteção.
04
Logotipo
O logotipo Este é o logotipo da Business Avenue em sua principal forma de utilização:
A Business Avenue tem como slogan a frase “Reescreva o seu futuro”. Estas são as duas formas permitidas de utilização do Logotipo em conjunto com o slogan da empresa.
05
Logotipo
Elementos do logotipo
A ilustração ao lado remete à vista em perspectiva das janelas dos prédios comerciais das grandes metrópoles, como, por exemplo, os edifícios da 5ª Avenida da cidade de Nova York - EUA.
As linhas em destaque formam um “V” ao contrário e as marcações nas suas extremidades representam as conexões criadas pela Business Avenue no mundo dos negócios.
V=
06
Logotipo
Área de Proteção 1y
4x
x
4x
1y
1x
1x
1x
1x
1y
y
1y
1y
1y
1y
1y
Para padronização dos espaçamentos entre as partes que compõem o logotipo e sua área de proteção, foi utilizado um elemento do próprio logotipo (letra “i”). Para que o logotipo se sobressaia em qualquer aplicação, sua área de proteção deve ser respeitada. Informações complementares devem cumprir as distâncias mínimas determinadas neste manual.
Com slogan: 1y
1y 1y
1y
1y
1y 1,5y 1x 1,5x
1y
1,5y 1y
1y
1y
1y
1y
1y
1y 1y
1y 1y
1x
1x 1y 1x 1x 1y
1y 1y
1y
07
paleta de cores As cores indicadas na paleta devem ser utilizadas no logotipo da empresa e composições gráficas. Este padrão cromático deverá ser aplicado em todo o material institucional, devendo ser respeitados os números das cores, e as combinações nos sistemas Hexadecimal, RGB, CMYK e PANTONE®.
08
Paleta de cores
Paleta de cores
#d76b48 é o código Hexadecimal da principal cor institucional que compõe a identidade visual da Business Avenue. A cor escolhida, o laranja, possui uma ligação pessoal com a CEO e fundadora da Business Avenue, Vera Costa Pereira, que lhe remete à mudança e ao legado de sua trajetória pessoal e profissional. As demais cores que compõem esta paleta trazem uma agradável harmonia visual: uma cor análoga à cor principal e três tons diferentes de azul (cor complementar ao laranja). A combinação dos tons de laranja e azul é perfeita para a Business Avenue. O azul é uma cor fria amplamente utilizado para representar o mundo dos negócios e traz a sobriedade e seriedade que são necessárias para atuação no mercado. O laranja, cor de maior destaque na identidade visual, é uma cor quente que inspira energia, disrupção, criatividade, inovação e sucesso.
Cores neutras que reforçam a seriedade da marca e reafirmam a exatidão, precisão e transparência que a Business Avenue outorga aos seus clientes. 09
Paleta de cores Hexadecimal
#d76b48
#d7a063
#4d4d4d
#4685a8
#263248
#465563
#ffffff
RGB R: 215 G: 107 B: 72
R: 215 G: 160 B: 99
R: 70 G: 133 B: 168
100% 90% 80%
70%
60% 50%
R: 38 G: 50 B: 72
40% 30%
10%
20%
100% 90% 80%
10
70%
60% 50%
R: 70 G: 85 B: 99
R: 77 G: 77 B: 77
CMYK
PANTONE®
C: 12% M: 67% Y: 73% K: 2%
4011 C
40% 30% 20%
10%
R: 255 G: 255 B: 255
CMYK
PANTONE®
C: 15% M: 40% Y: 66% K: 4%
7509 C
Paleta de cores
100% 90%
70%
60%
40% 30%
80%
50%
20%
100%
70%
40%
90%
60%
30%
80%
50%
20%
100%
70%
40%
90% 80%
60%
30%
50%
10%
10%
10%
20%
CMYK
PANTONE®
C: 73% M: 36% Y: 21% K: 5%
2149 C
CMYK
PANTONE®
C: 90% M: 74% Y: 44% K: 46%
2380 C
CMYK
PANTONE®
C: 73% M: 54% Y: 42% K: 33%
7545 C
CMYK
CMYK
PANTONE®
C: 0% M: 0% Y: 0% K: 0%
C: 62% M: 53% Y: 50% K: 48%
2336 C
PS: Não há referência PANTONE® para a cor branca
11
aplicações do logotipo Para garantir que sua aplicação seja feita de acordo com os padrões visuais da marca, este manual lista as versões permitidas e proibidas do logotipo, assim como seus detalhes e excessões.
12
Aplicações do logotipo Cores para utilização do logotipo A identidade visual da Business Avenue possui uma paleta de cores específica, porém em relaçao à variedade de cores em que o logotipo pode ser utilizado, deve ser escolhida apenas entre as opções abaixo:
Cores originais do logotipo
Monocromárico em laranja da cor institucional
Monocromárico em cinza da cor institucional
Monocromárico em preto (100%)
Monocromárico em branco para fundos escuros
A mesma regra se aplica às versões do logotipo com slogan:
13
Aplicações do logotipo
Fundos coloridos (claros) Para permitir maior flexibilidade na aplicação da marca, é possível aplicá-la com as cores originais sobre fundos homogêneos e claros até uma porcentagem de 10% a 20% da saturação total da cor, respeitando critérios de contraste e legibilidade.
14
magenta 10%
ciano 10%
amarelo 10%
verde 10%
magenta 20%
ciano 20%
amarelo 20%
verde 20%
Aplicações do logotipo
Fundos coloridos (escuros) Para aplicações em fundos coloridos escuros, deve-se optar por uma versão monocromática, respeitando critérios de contraste e legibilidade conforme exemplos abaixo:
15
Aplicações do logotipo
Monocromático Para fundos em tonalidades de cinza, em situações em que será utilizada apenas uma versão monocromática, deve-se usar o logotipo de acordo com a tabela de legibilidade apresentada a seguir:
16
10%
20%
30%
40%
50%
#4d4d4d
#4d4d4d
#4d4d4d
#000000
#000000
60%
70%
80%
90%
100%
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
Aplicações do logotipo
10%
20%
30%
40%
50%
#4d4d4d
#4d4d4d
#4d4d4d
#000000
#000000
60%
70%
80%
90%
100%
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
10%
20%
30%
40%
50%
#4d4d4d
#4d4d4d
#4d4d4d
#000000
#000000
60%
70%
80%
90%
100%
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
17
Aplicações do logotipo
Aplicações permitidas do logotipo Para garantir que a aplicação seja feita de acordo com os padrões visuais da marca, este manual lista alguns exemplos de versões permitidas do logotipo:
Logotipo colorido sobre fundo claro
Logotipo monocromático (branco) sobre cores da paleta institucional
Logotipo monocromático (cinza) sobre cor permitida da paleta institucional
Logotipo monocromático (branco) sobre cores da paleta institucional
Logotipo monocromático (branco) sobre cores da paleta institucional
Logotipo monocromático (branco) sobre cores da paleta institucional
Logotipo colorido sobre imagem neutra que preservem a legibilidade
Logotipo monocromático sobre fundo em degradê que preserve a legibilidade
Logotipo monocromático sobre fundo cinza
Logotipo monocromático (laranja) sobre fundo preto
Logotipo monocromático (laranja) sobre fundo cinza
Logotipo monocromático (laranja) sobre fundo branco
Estes são só alguns exemplos de aplicações permitidas. As mesmas regras se aplicam às demais versões do logotipo acompanhadas do slogan. 18
Aplicações do logotipo
Aplicações proibidas do logotipo Para garantir que a aplicação seja feita de acordo com os padrões visuais da marca, este manual lista alguns exemplos de versões proibidas do logotipo:
Logotipo branco sobre fundo claro
Logotipo em cor que não gere contraste com o fundo
Logotipo em transparência sobre imagem
Logotipo aplicado sobre imagem de forma que atrapalhe a leitura
Logotipo colorido sobre mesma cor da paleta ou tonalidade próxima
Logotipo reduzido de forma que não possibilite a leitura
Logotipo transparente e com contornos
Logotipo sobre imagem que não gere contraste
Logotipo em cores fora da paleta institucional
Distorção do logotipo
Elementos do logotipo fora do padrão
Logotipo em degradê
Estes são só alguns exemplos de aplicações proibidas. As mesmas regras se aplicam às demais versões do logotipo acompanhadas do slogan. 19
Aplicações do logotipo
Uso do logotipo como elemento complementar O uso do logotipo como elemento complementar na construção de backgrounds, ou como elemento decorativo em ilustrações e ícones é permitido, conforme pode ser visto na diagramação deste manual. É importante salientar que as proporções de construção do logotipo deverão ser preservadas em todas as aplicações, assim como as combinações de cores listadas nesse manual.
Parte gráfica do logotipo pode ser utilizado como elemento complementar, em partes ou inteiro, com ou sem transparência, dentro das cores que compõem a paleta de cores institucional.
Exemplo de utilização do elemento em transparência (10%)
20
Aplicações do logotipo
Exemplo: páginas deste manual sobre a paleta de cores com os elementos aplicados na identidade visual
paleta de cores As cores indicadas na paleta devem ser utilizadas no logotipo da empresa e composições gráficas. Este padrão cromático deverá ser aplicado em todo o material institucional, devendo ser respeitados os números das cores, e as combinações nos sistemas Hexadecimal, RGB, CMYK e PANTONE®.
Paleta de Cores
Paleta de cores
#d76b48 é o código Hexadecimal da principal cor institucional que compõe a identidade visual da Business Avenue. A cor escolhida, laranja, inspira criatividade, humor, energia, entusiasmo, prosperidade e sucesso. A cor também possui uma ligação pessoal com a CEO e fundadora da Business Avenue, que lhe remete à mudança e o legado de sua trajetória profissional. As demais cores que compõem esta paleta trazem uma harmonia visual que combinam as sensações que o laranja transmitem junto com a sobriedade e seriedade que são necessários para atuação no mundo dos negócios.
Cores neutras para complementar a paleta de cores
21
ampliação e redução A fim de preservar a legibilidade do logotipo em diversos tipos de aplicações, os limites de redução e ampliação do logo devem ser obedecidos e adotados de acordo com as necessidades de uso.
22
Aplicações do logotipo
Ampliação e redução do logotipo Preservar a legibilidade é necessário seguir as regras abaixo ao ampliar ou reduzir o logotipo.
ampliação máxima sem restrições
Redução máxima de 10mm (largura) para impressão. Para web: respeitar o limite de legibilidade
ampliação máxima sem restrições
Redução máxima de 20mm (largura) para impressão. Para web: respeitar o limite de legibilidade
ampliação máxima sem restrições
Redução máxima de 20mm (largura) para impressão. Para web: respeitar o limite de legibilidade 23
tipografia As fontes selecionadas para compor a tipografia oficial da Business Avenue devem ser utilizadas conforme sua indicação para cada tipo de composição gráfica, sendo elas: conteúdo digital, material institucional, materiais impressos, entre outros.
24
Tipografia
Para a construção do logotipo da Business Avenue foi utilizada a fonte Scheherazade. Recomendação: utilizar a fonte em ocasiões especiais como títulos de apresentações, em artes para anúncios e redes sociais etc.
Scheherazade By Google Fontes
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890
25
Tipografia
Principal fonte institucional: Principal fonte institucional podendo ser utilizada nas suas variações Regular, Italic, Bold & Bold Italic, em materiais gráficos para web e impressos sem restrições, mediante a aprovação do setor responsável pela comunicação visual da Business Avenue.
Montserrat
(Regular, Italic, Bold & Bold Italic)
By Google Fontes
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890
26
Tipografia
Fontes secundárias: Fontes básicas para serem utilizadas em documentos, e-mails, apresentações etc. É permitido a utilização das fontes em todas as suas variações.
Arial
(All family font)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890
Times New Roman
(All family font)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 27
Tipografia
Exemplos de uso de tipografia: As fontes podem ser combinadas entre si para criação de documentos, e-mails, apresentações e artes em geral para anúncios, redes sociais etc. A seguir, alguns exemplos da utilização das fontes em um arquivo do Google Docs:
Montserrat: principal fonte instirucional pode ser utilizadada no título, no corpo e demais situações, nas variações já definidas neste manual.
Scherazade: pode ser
utilizadada no título, subtítulo e citações. Não utilizar em corpo longos. Sua utilização deve seguir as variações já definidas neste manual.
28
Tipografia
Arial: pode ser utilizadada no título, no corpo e demais situações, nas variações já definidas neste manual.
Times New Roman: pode ser utilizadada no título, no corpo e demais situações, nas variações já definidas neste manual.
29
ficha técnica Manual de Identidade Visual da Business Avenue Criado em janeiro de 2021 Projeto gráfico e diagramação: Junior Soares Revisores: Jonathan Alves e Junior Soares Aprovação: Jonathan Alves e Vera Costa Pereira Vera Costa Pereira linkedin.com/in/veracostapereira
Jonathan Alves linkedin.com/in/jalvesofficial
Business Avenue linkedin.com/company/business-avenu www.businessavenue.pt
Junior Soares linkedin.com/in/juniorsoaresf behance.com/juniorsoaresf issuu.com/juniorsoaresf
Em caso de dúvidas entre em contato com o departamento de Marketing da Business Avenue: marketing@businessavenue.pt
30
MANUAL DE IDENTIDADE VISUAL
www.businessavenue.pt