Maha - brandbook, manual de identidade visual by Fio Gonçalves

Manual de identidade visual Manual de identidade visual versão 1.0, outubro de 2020

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

Manual de identidade visual Manual de identidade visual versĂŁo 1.0, outubro de 2020

Identidade de marca Maha: Matheus “Fio” dos Santos Gonçalves Manual versão 1.0: Outubro de 2020 Este arquivo de manual não é próprio para impressão.

Maha, manual de identidade visual

Sumário

SOBRE O PROJETO

07 08 09 10 11 12 13

LOGOTIPO O símbolo Projeta o símbolo O logotipo Proteja o logotipo Assinatura visual Projeta o logotipo

14 15 16 17 18

CORES Paleta primária Paleta complementar Cinzas Fundos e combinações

21 22

USOS INCORRETOS Proteja a marca

28 30 32

FOTOGRAFIA Luz e cor Cena

33 34

TIPOGRAFIA Work Sans

Maha, manual de identidade visual SUMÁRIO

41 42 46

GRAFISMOS Expansão Maha Wave

49 50

LINGUAGEM Identidade visual

CONCLUSÃO

Maha, manual de identidade visual SUMÁRIO

Sobre o projeto Com o objetivo de se posicionar no mercado da audiofilia, a Maha nasce já com uma identidade visual, que vai além do símbolo. Possui cores e tipografias consistentes e grafismos de apoio, tudo desdobrado neste manual. Procure se ater as diretrizes previstas aqui, para que a marca esteja cada vez mais em seu melhor uso.

Maha, manual de identidade visual SOBRE O PROJETO

Logotipo Logoti

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

O símbolo O símbolo é claro: representa um DAC. É simétrico em seu eixo vertical. Além da visível letra M, inicial da Maha, a onda representa o som que entra em sua qualidade comum e sai com alta qualidade ao passar pelo aparelho. Em usos de redução, como cartões de visita ou avatar de redes sociais, ele pode ser usado isoladamente, reforçando a identidade.

Maha, manual de identidade visual LOGOTIPO

Y 34X = 9Y

50X

25X

Proteja o símbolo Aqui está um desenho técnico de como o símbolo é e construído. É interessante que ele esteja a parte de elementos gráficos que possam interferir em seu projeto.

Em usos de redução, pode manter uma área de proteção proporcional, usando o diâmetro do arredondado (destacado pela linha tracejada). Em casos de maior escala, é melhor que a área de proteção seja igual a metade de sua área.

Maha, manual de identidade visual LOGOTIPO

O logotipo O logotipo é formado com a tipografia Degular Display SemiBold em caixa-baixa, escolhida especialmente para o logotipo dentro deste projeto. As letras minúsculas diminuem o aspecto de sigla e humanizam a marca, os glifos têm personalidade própria, mas sem roubar o protagonismo do símbolo.

Maha, manual de identidade visual LOGOTIPO

X/2 X/2

Proteja o logotipo Assim como o símbolo, o logotipo completo também precisa de uma área de proteção de elementos gráficos externos. A área equivale à metade da largura do símbolo sendo replicada ao redor do logotipo inteiro. O espaço entre símbolo e logotipo tem como referência a largura negativa da letra M.

Maha, manual de identidade visual LOGOTIPO

Assinatura visual Este ĂŠ o termo usado para denominar as diferentes leituras que um logotipo pode ter e neste caso: horizontal e vertical. A assinatura vertical pode ser explorada em peĂ§as que sugerem essa leitura, como cartazes em formato retrato, banners verticais, telas de celular, etc.

Maha, manual de identidade visual LOGOTIPO

X/2

X X/2

Proteja o logotipo Aqui seguem as mesmas diretrizes de proteção do logotipo horizontal: área equivalente à metade da largura do símbolo sendo replicada ao redor do logotipo inteiro.

Maha, manual de identidade visual LOGOTIPO

Cores CoresMa

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

PETRÓLEO M

AMARELO M

PANTONE 547 C

PANTONE YELLOW 0131 C

C100 M0 Y30 K0

C0 M0 Y50 K0

R0 G40 B50

R240 G230 B160

HEX #002832

HEX #F0E6A0

Paleta primária A cor Petróleo M é inspirada no alumínio preto dos primeiros protótipos de DAC da Maha, com um pouco mais de personalidade que pode ser explorada na identidade.

Para somar com a cor fria e fechada, o Amarelo M quente e claro complementa a paleta.

Maha, manual de identidade visual CORES

CIANO M

VERDE M

VERMELHO M

C100 M20 Y20 K0

C80 M0 Y60 K0

C0 M100 Y100 K0

R0 G150 B180

R190 G50 B0

HEX #0096B4

HEX #00C896

HEX #BE3200

Paleta complementar A paleta complementar traz Ă identidade mais tons, podem ser trabalhados em materiais que exijam mais cores no projeto ou como referĂŞncia para as fotografias.

Maha, manual de identidade visual CORES

PETRÓLEO M

PANTONE BLACK 6 C

C30 M20 Y30 K80

C0 M0 Y0 K100

R60 G80 B80

R0 G0 B0

HEX #3C5050

HEX #000000

PETRÓLEO M

C20 M0 Y0 K30

C100 M0 Y30 K0

R160 G170 B180

R0 G40 B50

HEX #A0AAB4

HEX #C8D2DC

Cinzas Assim como a paleta complementar, os cinzas contribuem com seus tons frios caso seja necessário nos projetos ou como referência para as fotografias.

Maha, manual de identidade visual CORES

Fundos e combinações Com a paleta primária, a identidade forma oito combinações alternando as cores entre o logotipo e o fundo (próxima página). A paleta complementar cria mais seis combinações possíveis e com bom contraste, e para preservá-lo em fundos fotográficos, é interessante que utilize versões mais neutras (página seguinte). Em fundos coloridos ou escuros, priorize a versão branca do logotipo, sempre haverá destaque sem desvantagens. Em fundos claros, é possível usar a versão Petróleo M, gerando contraste; em preto é possível também.

Maha, manual de identidade visual CORES

Usos incorretos Usosin

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

Preserve a marca O projeto de identidade de marca é pensando para se manter preservado com uma longa vida, conforme for usado, possivelmente passando por designers ou não-designers. Há alguns riscos que um logotipo pode ter em sua vida, mas que podem ser evitados com uma boa preservação. Nas páginas seguintes, foram separados 20 usos incorretos, e infelizmente comuns, para serem evitados ou até mesmo dispensados, deixando a marca sempre em sua melhor forma.

Maha, manual de identidade visual USOS INCORRETOS

1. Marca original 2. Não distorça a marca 3. Não distorça a marca 4. Não crie uma nova assinatura visual

Maha, manual de identidade visual USOS INCORRETOS

5. Não crie uma nova assinatura visual 6. Não altere a proporção entre símbolo e logotipo 7. Não altere a proporção entre símbolo e logotipo 8. Não altere o logotipo, mesmo que seja usando a tipografia da identidade

Maha, manual de identidade visual USOS INCORRETOS

9. Não use a marca com duas cores 10. Não use a marca com traçado 11. Evite efeitos chamativos 12. Respeite a área de proteção

Maha, manual de identidade visual USOS INCORRETOS

13. Preze pelo contraste com fundos fotogrรกficos ou texturizados 14. Preze pelo contraste com fundos fotogrรกficos ou texturizados 15. Evite fundos chamativos 16. Preze pelo contraste com fundos nas cores da paleta primรกria

Maha, manual de identidade visual USOS INCORRETOS

17. Preze pelo contraste com fundos nas cores da paleta primária 18. Preze pelo contraste com fundos nas cores da paleta secundária 19. Evite outras cores na marca, senão as da paleta primária 20. Evite outras cores na marca, senão as da paleta primária

Maha, manual de identidade visual USOS INCORRETOS

Fotografia Fotog

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

Maha, manual de identidade visual FOTOGRAFIA

Luz e cor Aqui que a paleta primária e complementar se juntam, na fotografia: os brancos são puxados para o amarelo da Maha, os tons de azul para o Petróleo e assim sucessivamente. Algumas fotos, como o exemplo de cima, já tem essa coloração em sua composição original, algumas exigem edição para chegar em um resultado que cria linguagem, como no exemplo da página seguinte. Perceba como os tons de magenta, roxo e verde podem chamar muito a atenção, se mesclam e parecem planejados desde o início quando é usada a paleta complementar como referência. Tudo isso ajuda a compor a identidade da Maha, mesmo na foto sem o logotipo, será possível perceber ao que ela se refere.

Maha, manual de identidade visual FOTOGRAFIA

ANTES

DEPOIS

Maha, manual de identidade visual FOTOGRAFIA

Cena É recomendado que no registro, o cenário, a situação e os elementos de suporte valorizem a experiência de ter um DAC Maha.

Maha, manual de identidade visual FOTOGRAFIA

Tipografia Tipog

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

Work Sans A família tipográfica escolhida para o projeto de identidade de marca da Maha, é a Work Sans. A Work é complemente open source e gratuita, podendo ser baixada na plataforma Google Fonts, sem limites. Contém 9 pesos romanos de Thin a Black, mais 9 pesos itálicos verdadeiros, dando expressividade e personalidade aos materiais elaborados para a marca, porém sem roubar o protagonismo do logotipo. Nas páginas a seguir, seguem alguns exemplos conceituais do trabalho tipográfico que pode ser feito.

Maha, manual de identidade visual TIPOGRAFIA

MAHAMAHAM AHAMAHAMA HAMAHAMAH AMAHAMAHA MAHAMAHAM AHAMAHAMA HAMAHAMAH AMAHAMAHA 35

Maha, manual de identidade visual TIPOGRAFIA

A tipografia para a Maha Moreno Addad Hassem ĂŠ o fundador da Maha, que entra no mercado da audiofilia com sua prĂłpria identidade visual e seu primeiro DAC.

Maha, manual de identidade visual TIPOGRAFIA

A tipografia para a Maha Moreno Addad Hassem ĂŠ o fundador da Maha, que entra no mercado da audiofilia com sua prĂłpria identidade visual e seu primeiro DAC.

Maha, manual de identidade visual TIPOGRAFIA

ATIPOGRAFIA PARAAMAHA Moreno Addad Hassem é o fundador da Maha, que entra no mercado da audiofilia com sua própria identidade visual e seu primeiro DAC.

Maha, manual de identidade visual TIPOGRAFIA

A TIPOGRAFIA PARA A MAHA MORENO ADDAD HASSEM É O FUNDADOR DA MAHA, QUE ENTRA NO MERCADO DA AUDIOFILIA COM SUA PRÓPRIA IDENTIDADE VISUAL E SEU PRIMEIRO DAC.

Maha, manual de identidade visual TIPOGRAFIA

WORK SANS Thin e Thin Italic ExtraLight e ExtraLight Italic Light e Light Italic Regular e Italic Medium e Medium Italic SemiBold e SemiBold Italic Bold e Bold Italic ExtraBold e ExtraBold Italic Black e Black Italic DisponĂvel para download com o link: fonts.google.com/specimen/Work+Sans?query=work

Maha, manual de identidade visual TIPOGRAFIA

Grafismos Grafi

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

Expansão Grafismos e padronagens são uma ótima maneira de expandir o conceito visual da marca e criar linguagem. O logotipo sendo replicado várias vezes pode reforçar a estreia da marca no começo de sua vida, mas também pode se tornar um clichê conforme o tempo. Com os elementos gráficos, a marca fica reconhecida não somente pelo seu símbolo, mas pelas formas da mesma família. A Maha tem duas famílias de grafismos. O quadrado inspirado no design do DAC, que pode ser usado como moldura de imagens e informações, e as ondas sonoras randômicas, que exploram a audiofilia além do hardware.

Maha, manual de identidade visual GRAFISMOS

A ideia do quadrado é que ele emoldure a informação, seja ela visual, ou textual. Ele usado com traçado faz com que seja facilmente relacionado a identidade Maha, sem tirar seu protagonismo; também o traçado conversa com as espessuras das ondas sonoras. O raio dos cantos arredondados podem estar por volta de 10% do tamanho da largura ou altura da forma. O traçado com 1%. Na página seguinte, há um exemplo de como isso pode ser desenvolvido.

Maha, manual de identidade visual GRAFISMOS

X/10

X Traรงado = X/100

Maha, manual de identidade visual GRAFISMOS

Ele tambĂŠm pode ser completamente preenchido, caso sirva de moldura para uma imagem.

Maha, manual de identidade visual GRAFISMOS

Maha Wave A fonte Maha Wave foi desenvolvida para criar um grafismo randômico, assim como uma onda sonora, e seja sempre diferente em seu uso, mas sem confundir ou ser de difícil uso. A fonte é de fácil instalação como qualquer outra, composta apenas por 26 caracteres abstratos em caixa-alta e 26 em caixa-baixa, correspondente as letras maiúsculas e minúsculas do alfabeto latino. O caractere de espaço também é um fragmento de onda para dar fechamento no grafismo e não criar espaços em branco. Por ser uma fonte extremamente visual, não há necessidade de ajustar seus espaçamentos entre-letras de forma visual e manual, apenas usar como já está.

Maha, manual de identidade visual GRAFISMOS

abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrst abcdefghijklmnopqrstuvwxy

ABCDEFGHIJKLMNOPQR ABCDEFGHIJKLMNOPQRSTU

abcdefghijklmnopq abcdefghijklmnopqrst

ABCDEFGHIJKLMNO ABCDEFGHIJKLMNOPQ

Maha, manual de identidade visual GRAFISMOS

Maha Wave Maha Wave

Maha, manual de identidade visual GRAFISMOS

Linguagem Ling

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

Identidade visual Para finalizar este manual, cheio de dicas, construções e sugestões, segue na próximas páginas uma série de cartazes conceituais desenvolvidos na identidade. Afinal, vimos aqui elementos desde o logotipo até os grafismos, porém de modo segmentado, então podemos entender qual foi a imagem pensada quando todos eles estão juntos como uma família gráfica. As sugestões formam uma linguagem visual, que pode ser desdobrada em vários formatos, cores e contrastes, mas sem perder sua personalidade. Os conceitos podem ser propagandas digitais, outdoors, banners, embalagens, site, redes sociais, ensaios, etc.

Maha, manual de identidade visual LINGUAGEM

Moreno ADDAD HASSEM mahaudio.com.br moreno.hassem@mahaudio.com.br @mahaudio 11 97491-0654

Maha, manual de identidade visual LINGUAGEM

Conclusão Nestas páginas há muitos fazeres e não fazeres, dicas e detalhes sobre esta identidade visual. É possível que surjam dúvidas, caso isso aconteça, os contatos da Maha estão no site: mahaudio.com.br Os arquivos foram de identidade em seus diversos formatos e finalidades foram disponibilizados para Moreno Addad Hassem. O contato do designer Fio Gonçalves também está a disposição.

Maha, manual de identidade visual TÍTULO DO CAPÍTULO

fiO

goncalvesmats@gmail.com be.net/fiogoncalves

Maha - brandbook, manual de identidade visual

Articles inside

CONCLUSÃO

O símbolo

Expansão

O logotipo

Cena

SOBRE O PROJETO

Luz e cor

Fundos e combinações

Assinatura visual