BUSINESS AVENUE - Manual de Identidade Visual

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.