MANUAL DE MARCA -...
Transcript of MANUAL DE MARCA -...
![Page 1: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/1.jpg)
MANUAL DE MARCA
![Page 2: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/2.jpg)
Í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.
![Page 3: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/3.jpg)
![Page 4: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/4.jpg)
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.
![Page 5: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/5.jpg)
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
![Page 6: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/6.jpg)
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.
![Page 7: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/7.jpg)
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.
![Page 8: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/8.jpg)
Á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
![Page 9: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/9.jpg)
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
![Page 10: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/10.jpg)
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.
![Page 11: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/11.jpg)
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.
![Page 12: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/12.jpg)
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
![Page 13: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/13.jpg)
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.
APLICAÇÕESSOBRE FUNDOS DE IMAGENS
![Page 14: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/14.jpg)
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.
APLICAÇÕESSOBRE FUNDOS DE IMAGENS
APLICAÇÕESSOBRE FUNDOS DE IMAGENS
![Page 15: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/15.jpg)
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.
APLICAÇÕESSOBRE FUNDOS DE IMAGENS
APLICAÇÕESSOBRE FUNDOS DE IMAGENS
![Page 16: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/16.jpg)
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
![Page 17: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/17.jpg)
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
![Page 18: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/18.jpg)
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
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
Crimson Text
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
TIPOGRAFIA
![Page 19: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/19.jpg)
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
![Page 20: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/20.jpg)
![Page 21: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/21.jpg)
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
![Page 22: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/22.jpg)
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
![Page 23: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/23.jpg)
![Page 24: MANUAL DE MARCA - UBAMubammusicoterapia.com.br/wp-content/uploads/2018/10/manual-de-marca-ubam-01.pdfmento de uma identidade visual, darão su-porte para esse conteúdo. As plataformas](https://reader031.fdocumentos.com/reader031/viewer/2022041803/5e528f4d25a2d654301e4029/html5/thumbnails/24.jpg)
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.
ubammusicoterapia.com.br
DÚVIDAS?ENTRE EM CONTATO.