33
Manual da marca PARA WEBSITE

Apresentação final final

Embed Size (px)

Citation preview

Page 1: Apresentação   final final

Manual da marca

PARA WEBSITE

Page 2: Apresentação   final final

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.

Page 3: Apresentação   final final

logomarca

Page 4: Apresentação   final final
Page 5: Apresentação   final final
Page 6: Apresentação   final final
Page 7: Apresentação   final final

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.

Page 8: Apresentação   final final

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.

Page 9: Apresentação   final final

Logomarca aplicaçao

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

Page 10: Apresentação   final final

Logomarca area mínima

A área mínima de proteção da logomarca corresponde

à altura total da letra “a” da palavra “academia”.

2,86 cm

1,38 cm

Tamanho mínimo

Page 11: Apresentação   final final

Logomarca o que nao fazer

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

Não distorcer

Não alterar a cor de partes

Não tirar partes

Não alterar posições

Não girar

Não utilize em outline

Page 12: Apresentação   final final

tipologia

Page 13: Apresentação   final final

A tipologia principal é a Telegrafico. Só podemos usá-

la em caixa alta para as mensagens prioritárias, títulos e nos ícones do site.

Tipologia principal

Page 14: Apresentação   final final

telegrafico

a b c d e f g i j k l m n

o p q r s t u v x y z

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.

Page 15: Apresentação   final final

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.

Tipologia secundaria

Page 16: Apresentação   final final

Regencie Regencie Regular

A B C D E F G I J K L M N O P Q R S T U V X Y Z a b c d e f g i j k l m n o p q r s t u v x y z 1 2 3 4 5 6 7 8 9 0 Regencie Bold A B C D E F G I J K L M N O P Q R S T U V X Y Z a b c d e f g i j k l m n o p q r s t u v x y z 1 2 3 4 5 6 7 8 9 0

Page 17: Apresentação   final final

cores

Page 18: Apresentação   final final

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.

Page 19: Apresentação   final final

As cores aplicadas no site devem ser

utilizadas em RBG.

R 176% G 176% B 176%

R 236% G 28% B 36%

R 255% G 255% B 255%

R 0% G 0% B 0%

Page 20: Apresentação   final final

imagens

Page 21: Apresentação   final final

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.

Page 22: Apresentação   final final
Page 23: Apresentação   final final

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.

Page 24: Apresentação   final final

ÍCONES

Page 25: Apresentação   final final

A parte escrita dos ícones deve

ser feita com a fonte Telegrafico

no tamanho 17 pt.

Page 26: Apresentação   final final
Page 27: Apresentação   final final

Nossa maneira

de comunicar

Page 28: Apresentação   final final

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.

Maneira de comunicar

Page 29: Apresentação   final final

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.

Page 30: Apresentação   final final

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

Page 31: Apresentação   final final

Como aplicar a

logomarca

Page 32: Apresentação   final final

O logotipo deve ficar no segundo

losango contando de cima para

baixo, sempre com o fundo branco.

Page 33: Apresentação   final final

Comunicação Visual Trabalho Final

Rafaela Vieira – 3º período

Professora Andrea Hecksher