SlideShare una empresa de Scribd logo
1 de 33
Descargar para leer sin conexión
Manual da marca
 PARA WEBSITE
Para que?
O objetivo desse manual de identidade visual é explicar
como devemos e não devemos utilizar a marca
da Academia Dance! em seu website e mostrar também
qual é a sua maneira de comunicar com seus clientes.
logomarca
A criação da logomarca foi criada com base nas fotos
de dançarinos dançando que conseguem nos passar a
ideia de movimento mesmo estando congelados em
uma foto.
A partir daí, a logomarca entra com o mesmo conceito
através da posição e tamanhos das palavras que nos
dão uma ideia de movimentação.
A logomarca
A fonte da logomarca é a Bebas Neue.


A palavra “Academia” deve ficar sempre em cima e do
lado direito da palavra “Dance!” e deve começar
sempre a partir da última “perna” da letra “N” e acabar
no final do ponto de exclamação.
Logomarca aplicaçao


             A logomarca só
             poderá ser branca
             se o fundo for
             preto. Fora isso, ela
             deverá ser na cor
             preta.
Logomarca area mínima

A área mínima de proteção da logomarca corresponde
à altura total da letra “a” da palavra “academia”.




                                       Tamanho mínimo

                                  1,38 cm

                                            2,86 cm
Logomarca o que nao fazer



Não alterar a cor    Não alterar a fonte   Não sobrepor imagens




Não distorcer          Não tirar partes          Não girar




  Não alterar       Não alterar posições   Não utilize em outline
a cor de partes
tipologia
Tipologia principal



A tipologia principal é a Telegrafico. Só podemos usá-
la em caixa alta para as mensagens prioritárias, títulos
e nos ícones do site.
telegrafico
abcdefg ijklmn
opqrstuvxyz

          lorem ipsum dolor sit amet,
          consectetuer adipiscing elit,
          sed diam nonummy nibh euismod
          tincidunt ut laoreet dolore
          magna aliquam erat volutpat.
          Ut wisi enim ad minim veniam.
Tipologia secundaria


A tipologia secundária é a Regencie. Ela deverá ser
utilizada para os textos em grande quantidade.

Ao contrário da Telegrafico ela pode ser ultilizada em
caixa alta e baixa e nas opções Regular ou Bold,
optanto preferencialmente pela Regencie Regular.
Regencie

Regencie Regular
ABCDEFG IJKLMNOPQRSTUVXYZ
abcdefg ijklmnopqrstuvxyz
1234567890

Regencie Bold
ABCDEFG IJKLMNOPQRSTUVXYZ
abcdefg ijklmnopqrstuvxyz
1234567890
cores
A cor principal é o cinza que deve ser usada sempre
nas imagens em P&B da página principal.
Além do cinza, temos outras duas cores secundárias: o
vermelho e o branco que devem ser utilizadas nos
ícones do site. Além de estar presente nos ícones, no
branco deverá ser sempre a cor de fundo das páginas
secundárias do site.
A tipologia dos textos deve ser sempre na cor preta.
As cores aplicadas no site devem ser
utilizadas em RBG.



                 R 0%                  R 255%
                 G 0%                  G 255%
                 B 0%                  B 255%



    R 176%                  R 236%
    G 176%                  G 28%
    B 176%                  B 36%
imagens
As imagens da página inicial devem ser, em tons de
cinza junto com o fundo na também na cor cinza, de
dançarinas ou dançarinos em movimento.

As imagens dos ícones devem ser de partes de
imagens relacionadas à dança de acordo com os
estilos de dança que a academia oferece.
Como crias as imagens dos ícones

                Ícone vermelho:

1- Abra uma imagem em P&B no Photoshop.
2- Selecione somente a parte da foto que será
utilizada dentro do espaço do ícone.
3- Crie uma outra camada onde será colocada
a cor vermelha de acordo com as propriedades
da cor já mencionadas.
4- Utilize a máscara Multiply.                        Ícone P&B:

                                   1- Abra uma imagem em P&B no Photoshop.
                                   2- Selecione somente a parte da foto que será
                                   utilizada dentro do espaço do ícone.
                                   3- Utilize a máscara Multiply.
ÍCONES
A parte escrita dos ícones deve
ser feita com a fonte Telegrafico
no tamanho 17 pt.
Nossa maneira
 de comunicar
Maneira de comunicar
Os textos devem conter o máximo de informação
sendo sempre diretos e claros.

Exemplo:

A Academia Dance! oferece cursos de ballet clássico e
ballet moderno nos períodos da manhã, tarde e noite
atendendo à diversas disponibilidades de hora.
Como a marca aparece em textos

Ao utilizarmos o nome da nossa marca em um texto,
devemos nos referir a ela utilizando sempre a caixa
baixa e alta da tipologia que estiver sendo utilizada.
A única exceção é com a tipologia Telegrafico, que
admite apenas a caixa alta.

Nunca podemos utilizar o logotipo com o texto.
O que fazer:

  A Academia Dance! oferece os melhores cursos de
  dança.



O que não fazer:

  A            oferece os melhores cursos de dança
Como aplicar a
  logomarca
O logotipo deve ficar no segundo
losango contando de cima para
baixo, sempre com o fundo branco.
Comunicação Visual
            Trabalho Final


Rafaela Vieira – 3º período
Professora Andrea Hecksher

Más contenido relacionado

Destacado

Manual de Identidade Visual e Aplicações - CEAP
Manual de Identidade Visual e Aplicações - CEAPManual de Identidade Visual e Aplicações - CEAP
Manual de Identidade Visual e Aplicações - CEAP
Renata Barros
 
Manual de Identidade Visual VivApp Saudável
Manual de Identidade Visual VivApp SaudávelManual de Identidade Visual VivApp Saudável
Manual de Identidade Visual VivApp Saudável
Luli Yonemaru
 
Active Aging Faixa Elástica - Alice Becker
Active Aging Faixa Elástica  - Alice BeckerActive Aging Faixa Elástica  - Alice Becker
Active Aging Faixa Elástica - Alice Becker
Physio Pilates
 

Destacado (14)

Vê - empório e restaurante vegano
Vê - empório e restaurante veganoVê - empório e restaurante vegano
Vê - empório e restaurante vegano
 
Manual de Identidade Visual e Aplicações - CEAP
Manual de Identidade Visual e Aplicações - CEAPManual de Identidade Visual e Aplicações - CEAP
Manual de Identidade Visual e Aplicações - CEAP
 
Ciclo
CicloCiclo
Ciclo
 
Manual de Identidade Visual VivApp Saudável
Manual de Identidade Visual VivApp SaudávelManual de Identidade Visual VivApp Saudável
Manual de Identidade Visual VivApp Saudável
 
Escola de Gastronomia Natural
Escola de Gastronomia NaturalEscola de Gastronomia Natural
Escola de Gastronomia Natural
 
Active Aging Faixa Elástica - Alice Becker
Active Aging Faixa Elástica  - Alice BeckerActive Aging Faixa Elástica  - Alice Becker
Active Aging Faixa Elástica - Alice Becker
 
Identidade Visual "Geena! design" - defesa da marca
Identidade Visual "Geena! design" - defesa da marcaIdentidade Visual "Geena! design" - defesa da marca
Identidade Visual "Geena! design" - defesa da marca
 
Manual de marca Kapola
Manual de marca KapolaManual de marca Kapola
Manual de marca Kapola
 
Projeto Identidade Visual Escola Saga
Projeto Identidade Visual Escola SagaProjeto Identidade Visual Escola Saga
Projeto Identidade Visual Escola Saga
 
Manual de Identidade Visual - Conectte
Manual de Identidade Visual - ConectteManual de Identidade Visual - Conectte
Manual de Identidade Visual - Conectte
 
Manual de identidade visual do McDonald's
Manual de identidade visual do McDonald's Manual de identidade visual do McDonald's
Manual de identidade visual do McDonald's
 
Coruja Design - Manual de Identidade Visual
Coruja Design - Manual de Identidade VisualCoruja Design - Manual de Identidade Visual
Coruja Design - Manual de Identidade Visual
 
O Significado da Cores
O Significado da CoresO Significado da Cores
O Significado da Cores
 
Como perder 10 quilos em 3 semanas
Como perder 10 quilos em 3 semanasComo perder 10 quilos em 3 semanas
Como perder 10 quilos em 3 semanas
 

Similar a Apresentação final final

Manual de identidade visual BeerSofft
Manual de identidade visual BeerSofftManual de identidade visual BeerSofft
Manual de identidade visual BeerSofft
Hugo Senfft
 
Manual de identidade visual BeerSofft
Manual de identidade visual BeerSofftManual de identidade visual BeerSofft
Manual de identidade visual BeerSofft
Hugo Senfft
 
Manual De Identidade Visual - Estilo Verde
Manual De Identidade Visual - Estilo VerdeManual De Identidade Visual - Estilo Verde
Manual De Identidade Visual - Estilo Verde
crisdresch
 
apresentacao-nelogica-só-para-poder-baixar.pdf
apresentacao-nelogica-só-para-poder-baixar.pdfapresentacao-nelogica-só-para-poder-baixar.pdf
apresentacao-nelogica-só-para-poder-baixar.pdf
rafaelalvarenga25
 
Instituto Oca Brasil /manual de identidade visual
Instituto Oca Brasil /manual de identidade visualInstituto Oca Brasil /manual de identidade visual
Instituto Oca Brasil /manual de identidade visual
Thaiz Gouveia
 

Similar a Apresentação final final (20)

Manual da Marca - HE Representações
Manual da Marca - HE RepresentaçõesManual da Marca - HE Representações
Manual da Marca - HE Representações
 
Manual de identidade visual BeerSofft
Manual de identidade visual BeerSofftManual de identidade visual BeerSofft
Manual de identidade visual BeerSofft
 
Manual de identidade visual BeerSofft
Manual de identidade visual BeerSofftManual de identidade visual BeerSofft
Manual de identidade visual BeerSofft
 
caderno de normas MEIBAD
caderno de normas MEIBADcaderno de normas MEIBAD
caderno de normas MEIBAD
 
Manual da identidade
Manual da identidadeManual da identidade
Manual da identidade
 
Manual de Identidade Visual - Camila Baby
Manual de Identidade Visual - Camila BabyManual de Identidade Visual - Camila Baby
Manual de Identidade Visual - Camila Baby
 
Manual de Uso da Marca Abraps
Manual de Uso da Marca AbrapsManual de Uso da Marca Abraps
Manual de Uso da Marca Abraps
 
Design para Redes Sociais 2 - Webdesign - aula 13 - 2020-01
Design para Redes Sociais 2 - Webdesign - aula 13 - 2020-01Design para Redes Sociais 2 - Webdesign - aula 13 - 2020-01
Design para Redes Sociais 2 - Webdesign - aula 13 - 2020-01
 
Manual da marca
Manual da marcaManual da marca
Manual da marca
 
Manual Atlhetica
Manual AtlheticaManual Atlhetica
Manual Atlhetica
 
Design para Redes Sociais 2 - Webdesign 2022
Design para Redes Sociais 2 - Webdesign 2022Design para Redes Sociais 2 - Webdesign 2022
Design para Redes Sociais 2 - Webdesign 2022
 
Design para Redes Sociais 2 - Webdesign 2022
Design para Redes Sociais 2 - Webdesign 2022Design para Redes Sociais 2 - Webdesign 2022
Design para Redes Sociais 2 - Webdesign 2022
 
Logitech Brand Identity guidelines final_mini (1)
Logitech Brand Identity guidelines final_mini (1)Logitech Brand Identity guidelines final_mini (1)
Logitech Brand Identity guidelines final_mini (1)
 
Manual da marca Cuca - Propaganda inteligente
Manual da marca Cuca - Propaganda inteligente Manual da marca Cuca - Propaganda inteligente
Manual da marca Cuca - Propaganda inteligente
 
Manual De Identidade Visual - Estilo Verde
Manual De Identidade Visual - Estilo VerdeManual De Identidade Visual - Estilo Verde
Manual De Identidade Visual - Estilo Verde
 
Manual de Identidade Corporativa da TRAINING ALWAYS
Manual de Identidade Corporativa da TRAINING ALWAYSManual de Identidade Corporativa da TRAINING ALWAYS
Manual de Identidade Corporativa da TRAINING ALWAYS
 
apresentacao-nelogica-só-para-poder-baixar.pdf
apresentacao-nelogica-só-para-poder-baixar.pdfapresentacao-nelogica-só-para-poder-baixar.pdf
apresentacao-nelogica-só-para-poder-baixar.pdf
 
Vetorizacao
Vetorizacao Vetorizacao
Vetorizacao
 
73 vetorizacao
73 vetorizacao 73 vetorizacao
73 vetorizacao
 
Instituto Oca Brasil /manual de identidade visual
Instituto Oca Brasil /manual de identidade visualInstituto Oca Brasil /manual de identidade visual
Instituto Oca Brasil /manual de identidade visual
 

Más de dudabmartins

Más de dudabmartins (8)

Viva retrô
Viva retrôViva retrô
Viva retrô
 
Nina rosa
Nina rosaNina rosa
Nina rosa
 
Trabalho de comunicação visual 3
Trabalho de comunicação visual 3Trabalho de comunicação visual 3
Trabalho de comunicação visual 3
 
Trabalho de comunicação visual 3
Trabalho de comunicação visual 3Trabalho de comunicação visual 3
Trabalho de comunicação visual 3
 
Trabalho de comunicação visual 3
Trabalho de comunicação visual 3Trabalho de comunicação visual 3
Trabalho de comunicação visual 3
 
Comunicação
 Comunicação Comunicação
Comunicação
 
Comunicaçãoaline
 Comunicaçãoaline Comunicaçãoaline
Comunicaçãoaline
 
Comunicação
 Comunicação Comunicação
Comunicação
 

Apresentação final final

  • 1. Manual da marca PARA WEBSITE
  • 2. Para que? O objetivo desse manual de identidade visual é explicar como devemos e não devemos utilizar a marca da Academia Dance! em seu website e mostrar também qual é a sua maneira de comunicar com seus clientes.
  • 4.
  • 5.
  • 6.
  • 7. A criação da logomarca foi criada com base nas fotos de dançarinos dançando que conseguem nos passar a ideia de movimento mesmo estando congelados em uma foto. A partir daí, a logomarca entra com o mesmo conceito através da posição e tamanhos das palavras que nos dão uma ideia de movimentação.
  • 8. A logomarca A fonte da logomarca é a Bebas Neue. A palavra “Academia” deve ficar sempre em cima e do lado direito da palavra “Dance!” e deve começar sempre a partir da última “perna” da letra “N” e acabar no final do ponto de exclamação.
  • 9. Logomarca aplicaçao A logomarca só poderá ser branca se o fundo for preto. Fora isso, ela deverá ser na cor preta.
  • 10. Logomarca area mínima A área mínima de proteção da logomarca corresponde à altura total da letra “a” da palavra “academia”. Tamanho mínimo 1,38 cm 2,86 cm
  • 11. Logomarca o que nao fazer Não alterar a cor Não alterar a fonte Não sobrepor imagens Não distorcer Não tirar partes Não girar Não alterar Não alterar posições Não utilize em outline a cor de partes
  • 13. Tipologia principal A tipologia principal é a Telegrafico. Só podemos usá- la em caixa alta para as mensagens prioritárias, títulos e nos ícones do site.
  • 14. telegrafico abcdefg ijklmn opqrstuvxyz lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
  • 15. Tipologia secundaria A tipologia secundária é a Regencie. Ela deverá ser utilizada para os textos em grande quantidade. Ao contrário da Telegrafico ela pode ser ultilizada em caixa alta e baixa e nas opções Regular ou Bold, optanto preferencialmente pela Regencie Regular.
  • 16. Regencie Regencie Regular ABCDEFG IJKLMNOPQRSTUVXYZ abcdefg ijklmnopqrstuvxyz 1234567890 Regencie Bold ABCDEFG IJKLMNOPQRSTUVXYZ abcdefg ijklmnopqrstuvxyz 1234567890
  • 17. cores
  • 18. A cor principal é o cinza que deve ser usada sempre nas imagens em P&B da página principal. Além do cinza, temos outras duas cores secundárias: o vermelho e o branco que devem ser utilizadas nos ícones do site. Além de estar presente nos ícones, no branco deverá ser sempre a cor de fundo das páginas secundárias do site. A tipologia dos textos deve ser sempre na cor preta.
  • 19. As cores aplicadas no site devem ser utilizadas em RBG. R 0% R 255% G 0% G 255% B 0% B 255% R 176% R 236% G 176% G 28% B 176% B 36%
  • 21. As imagens da página inicial devem ser, em tons de cinza junto com o fundo na também na cor cinza, de dançarinas ou dançarinos em movimento. As imagens dos ícones devem ser de partes de imagens relacionadas à dança de acordo com os estilos de dança que a academia oferece.
  • 22.
  • 23. Como crias as imagens dos ícones Ícone vermelho: 1- Abra uma imagem em P&B no Photoshop. 2- Selecione somente a parte da foto que será utilizada dentro do espaço do ícone. 3- Crie uma outra camada onde será colocada a cor vermelha de acordo com as propriedades da cor já mencionadas. 4- Utilize a máscara Multiply. Ícone P&B: 1- Abra uma imagem em P&B no Photoshop. 2- Selecione somente a parte da foto que será utilizada dentro do espaço do ícone. 3- Utilize a máscara Multiply.
  • 25. A parte escrita dos ícones deve ser feita com a fonte Telegrafico no tamanho 17 pt.
  • 26.
  • 27. Nossa maneira de comunicar
  • 28. Maneira de comunicar Os textos devem conter o máximo de informação sendo sempre diretos e claros. Exemplo: A Academia Dance! oferece cursos de ballet clássico e ballet moderno nos períodos da manhã, tarde e noite atendendo à diversas disponibilidades de hora.
  • 29. Como a marca aparece em textos Ao utilizarmos o nome da nossa marca em um texto, devemos nos referir a ela utilizando sempre a caixa baixa e alta da tipologia que estiver sendo utilizada. A única exceção é com a tipologia Telegrafico, que admite apenas a caixa alta. Nunca podemos utilizar o logotipo com o texto.
  • 30. O que fazer: A Academia Dance! oferece os melhores cursos de dança. O que não fazer: A oferece os melhores cursos de dança
  • 31. Como aplicar a logomarca
  • 32. O logotipo deve ficar no segundo losango contando de cima para baixo, sempre com o fundo branco.
  • 33. Comunicação Visual Trabalho Final Rafaela Vieira – 3º período Professora Andrea Hecksher