manual de marca -...

MANUAL DE MARCA

ÍNDICE SOBRE A UTILI-ZAÇÃO

CriaçãoVariaçõesPaleta de CoresPB e CinzasÁrea de proteçãoRedução / AmpliaçãoAplicaçõesNão fazerTipografiaMidias DigitaisPerfilPapelaria

A proposta deste material é ampliar a in-teração social da UBAM através de uma marca atualizada que gere um método de diálogo com a sociedade. Ou seja, comu-nicar amplamente essa potência existen-te enquanto detentora e populizadora de conteúdo e conhecimento em Musicotera-pia.

A atualização da marca e o desenvolvi-mento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas digitais, gráficas e áudio visuais contri-buem para estender o alcance da Musico-terapia e causar o impacto social desejado. Para que a proposta tenha valor deve-se utilizar esse conteúdo como guia, de utili-zação e padronização da comunicação da UBAM.

A marca deve servir única e exclusivamen-te como uma assinaturas dos materiais. Não utilizando-a como aplicações de com-posição de layout.

CRIAÇÃO

A marca foi construída com base para representar os 4 elementos, a unidade e os ciclos contínuos sempre em movimento harmônico. Os elementos combinados em giro significam a transformação constante a renovação o fluxo em movimento. O símbolos formam elos fortes e unidos, no presente, girando em sentido horário que é olhar para o futuro.

VARIAÇÕES

A variação da marca só deve ser utilizada quando a marca principal execer o limite de redução, e/ou não houver espaço que respeite a área de proteção da marca.

VARIAÇÕES

PALETA DE CORESAs cores devem ser repeitadas de acordo com as hierarquias e aplicações.

Utilizada para todos os textos, sejam títulos ou parágrafos. utilizar sempre essa cor para todos e quaisquer textos, com exeção para os fundos escuros ou coloridos, utilizar texto em “branco” #000

Utilizada em fundos claros onde não se usa o “branco”.

As três cores são de apoio utilizadas como: contraste de fundos e botões de ação.A cor #00d2c8 pode-se também ser usada como *transparência por cima de imagens. Não utilizar as cores em composições de elementos gráficos.

* Ver - Aplicações | **Ver - Não fazer

#42495b

#42495b

#00d2c8

#651c57

#ffd680

**Não utilizar elementos gráficos.

PB /CINZAS

As aplicações em PB / Cinza são exclusiva de materias em que não é possivel a aplicação colorida e/ou sobre imagens ou fundos em que a versão colorida não oferece o devido contraste.

ÁREA DE PROTEÇÃOO valor pardrão para calcular é retirado sempre de 1x, para o símbolo padrão e de 1y para a variação. A área de proteção deve ser respeitadas em todas as situções e aplicações da marca. Nenhum elemento gráfico ou texto deve invadir a área protegida. O conceito de área de proteção serve para elementos no mesmo plano e/ou camada. *A aplicação sobre fundo não interfere na área de proteção da marca, entretanto o que chamamos de “fundo” deve ser respeitado.

* Ver - Aplicações

REDUÇÃO/AMPLIAÇÃOAs ampliações podem ser aplicadas em qualquer tamanho, entretando é preciso respeitar o *tamanho da proporção. A redução é aplicada no limite definido, após pode-se retirar a assinatura, se ainda for necessário reduzir, pode-se usar a varição para redução minima.

* Ver - Aplicações

225px

90px

15px

APLICAÇÕES

A logo aplica-se única e exclusivamente em assinaturas de materias digital, gráfico e ambientação. Não se aplica como suporte de construção da identidade visual, esse papel quem desempenha são as cores, imagens e a tipografia. A logo cumpre o papel de representação da UBAM, ela não fornece outra característica. Portanto ao aplicar a logo esteja claro que é a assinatura de um documento. As variações das aplicações são: sobre fundos de cor, sobre fundo de imagens, proporção e o que não fazer.

APLICAÇÕESSOBRE FUNDOS DE CORSobre fundos de cor é preferivel utilizar sempre a logo principal sobre fundos claros. A logo não pode perder contraste e/ou definição seja no simbolo ou na tipografia. Caso não seja possivel deve se usar qualquer uma das variações, e por fim as aplicações em PB/Cinzas As cores de fundo não correpondem a paleta de cores, os fundos são para casos em que o fundo é estático e não é possivel alterar. Preferir sempre a paleta de cores.

Sobre fundos de imagens utilizar sempre as logos PB. Branca para imagens escuras e pretas para imagens claras. Evitar os locais da iamgens com muito ruído. Nota que é importante que a aplicação seja feita em imagens com transparência e/ou efeitos com as cores da paleta de cores da UBAM, usando a cor #00d2c8, como primeira opção, em seguida pode-se usar o gradiente e após qualquer cor da peleta. Caso não seja possivel escolher a cor da imagem, usar a variação da logo, e se mesmo assim perde-se definição ou contraste pode-se usar a PB, ou aplicar sobre fundo branco respeitando a área de proteção.

O gradiente serve exclusivamente para aplicações em imagens, não deve ser utilizado em objetos de vetor, ou imagens não reais. Serve como suporte para aplicação da logo.

APLICAÇÕESSOBRE FUNDOS DE IMAGENS

GRADIENTE

#f7edb9 #e8c6ba #d99db3 #ae86b0y #8370a9

#00d2c8

Essa é a principal aplicação, utilizar preferencialmente imagens de pessoas, ou instrumentos musicais, aplicar a cor com transparência ou um efeito que se aproxime dessa linguagem, e em seguida a logo clara. Nota que é importante respeitar a proporção de 20% do tamanho da logo, com relação a imagem total, também preferir áreas da imagem com menor ruído/informação.

APLICAÇÕESSOBRE FUNDOS DE IMAGENSEssa é a principal aplicação, utilizar preferencialmente imagens de pessoas, ou instrumentos musicais, aplicar a cor com transparência ou um efeito que se aproxime dessa linguagem, e em seguida a logo clara. Nota que é importante respeitar a proporção de 20% do tamanho da logo, com relação a imagem total, também preferir áreas da imagem com menor ruído/informação.


Essa é o exemplo da segunda opção de aplicação sobre imagem. Note que o título está em cinza e amarelo, com o uso da tipografia correta para titulos e para paragráfo. A imagem com aplicação de gradiente diagonal e a logo em Preto aplicada em fundo claro, respeitando os 20% da imagem geral.



Caso em que as imagens não podem ser editadas, pode-se usa as variações ou a logo aplicada com fundo branco. Perceba que para tomar a decisão de qual utilizar, opte primeiro pelas variações com mais definição e contraste, caso nenhuma traga esses conceitos, utiliza a aplicação com fundo branco, respeitando a área de proteção.



Não esticar, ou comprimir a logo, tanto verticamente como horizontalmente. Não rotacionar, e tambem não usar apenas o simbolo, lembre-se que a logo é sempre para assinatura de qualquer material.

NÃO FAZER

Atentar sempre as aplicações de cor de fundo e a área de proteção da logo. É importante também verificar sempre as aplicações em mídias.

NÃO FAZER

As tipografias podem ser usadas em diversos materiais, apenas repeitando a hierarquia e a paleta de cores.

• Nothing You Could DoUsada em títulos e apoio para criação de layout em títulos. Pode ser usada como composição.

• MontserratUsada apenas em títulos.

• Crimson TextUsada para parágrafos e textos curtos que não se enquadram em titulos, como dados, endereço, e etc.

Nothing You Could Do

A Á À Â Ã B C Ç D E É Ê FG H I Í J K L M N O Ó Ò ÔÕ P Q R S T U Ú V W X Y Za á à â ã b c ç d e é ê fg h i í j k l m n o ó ò ôõ p q r s t u ú v w x y z1234567890

Montserrat


Crimson Text


TIPOGRAFIA

A postagem deve seguir sempre o formato quadrado que é de melhor interação do público com as plataformas, facebbok e instagram. O texto da imagem deve ser curto e apenas uma “chamada”, deixando maiores iinformações na “copy”, área destinada a digitação. Usar sempre o grid e respeitar as proporções de texto, imagem e logo. A logo da postagem usar sempre a variação e nunca a logo principal, usar dentro do grid e na proporção correta. Área verde destinada a aplicação da logo, podendo variar em qualquer lugar da imagem, e a área azul reservada para texto.

MÍDIA DIGITAL

As imagens que são necessáriamente pequenas e quadradas, como por exemplo dos perfis de rede social, usa-se sempre a variação que possue a melhor adptação e nitidez para pequenos formatos.

PERFIS

Os exemplos de papelaria servem para basear-se na criação de futuros materias. Estes podem ser usados como explemplo variando suas aplicações e/ou imagens. O mais importante é respeitar a hierarquia da escolha de cores e fontes. E as respeitar as aplicações da logo.

PAPELARIA

Contatos

SRTVS Quadra 701 Conjunto e Bloco 01, Nº 12 Sala 209 Parte Z23, Edifício Palácio do Rádio I, Brasília-DF, CEP: 70.340-901.

[email protected]

ubammusicoterapia.com.br

DÚVIDAS?ENTRE EM CONTATO.

manual de marca -...

Documents