EMA MIV by Giovanna Mundstock

Manual de Identidade Visual Empowering Mobility and Autonomy

Equipe Giovanna Mundstock Rafael Zerbini LuĂs Filipe Lima

Sumário Apresentação Conceitos básicos O projeto Marca gráfica Assinaturas Construção do símbolo Proporções Área de respiro Limite de redução Tipografias institucionais Cores institucionais Cores auxiliares Paleta de cores Fundos coloridos Fundos cinzas Aplicações Usos proibidos Malha Cartão de visitas Header e avatar Papel timbrado

04 05 06 07 08 13 14 15 16 17 18 19 20 21 22 23 25 26 27 28 29

Apresentação Identidade visual é um conjunto de elementos gráficos que identificam um grupo. Ela é a principal ferramenta de comunicação de uma instituição e deve representá-la, transmitindo ao público sua essência. Portanto, a manutenção da integridade da identidade visual é de grande importância para a consolidação do nome da projeto em questão, perante a sociedade e mercado consumidor. Para isso, o gerenciamento correto desta identidade visual é imprescindível para garantir que a marca passe sempre o mesmo conceito, independente do local em que seja aplicada. Este manual surge com o intuito de padronizar e gerenciar o uso do sistema de identidade visual do Empowering Mobility and Autonomy por meio da apresentação de especificações técnicas e demonstração de modos adequados de aplicação. É essencial que as normas aqui expostas sejam seguidas para que o seu objetivo de contribuir para a consolidação da imagem da empresa seja alcançado.

Conceitos básicos Marca: Representação simbólica de um produto, serviço ou instituição, que abrange geralmente o seu nome, o seu comportamento, as experiências que deseja proporcionar e os conceitos e imagens que o distinguem dos demais. Marca gráfica: A reprodução gráfica de uma marca, que pode se dar por meio de um símbolo, de um logotipo ou da combinação de ambos. Logotipo: Representação da marca nominalmente, baseada em uma fonte tipográfica já existente ou na criação de elementos que compõem o nome da marca. Símbolo: figura que sintetiza os conceitos transmitidos pela marca, de forma a melhor assimilá-la e reconhecê-la. Identidade Visual: Sistema visual unificado e coerente de elementos e aplicações gráficas que segue um padrão normativo e é representativo de uma instituição. O conjunto consiste basicamente na marca gráfica de uma instituição e suas possibilidades de reprodução nos meios de comunicação visual por ela utilizados.

O projeto O projeto EMA foi criado no início de 2015 pelo incentivo do Professor Antônio Padilha em conjunto com os estudantes de mestrado e doutorado do Laboratório de Automação e Robótica (LARA) da Universidade de Brasília. Ele está inserido no Projeto Sinergy, que desenvolve tecnologias biomédicas. Guiados pelos valores: colaboração, senso de pertencimento, empatia, proatividade, acessibilidade, inovação e dedicação. O objetivo do Projeto EMA é auxiliar pessoas que sofrem de condições que comprometem sua mobilidade e autonomia através de soluções tecnológicas economicamente acessíveis.

Marca gráfica A marca gráfica foi criada a partir da Rhea Americana, animal popularmente conhecido por ema. Sua forma foi configurada de maneira mais orgânica, para enfatizar a humanidade e empatia que o projeto deseja passar, por se tratar de algo mais natural ao contrário de linhas retas que remetem ao robótico. Optou-se por direcionar a ema para o lado direito por essa ser a direção associada ao avanço e progresso. As formas curvas transmitem dinamicidade do animal, que é acentuada com projeções inferiores, que sugerem as pernas da ema em movimento.

Assinatura principal A assinatura principal é aquela que tem preferência de apli cação sobre todas as outras assinaturas nos mais diversos contextos e que melhor representa os valores da instituição. Esta assinatura colorida só poderá ser aplicada em fundos brancos, para que haja um contraste satisfatório. A assinatura principal do Projeto EMA é formada pelo símbolo e pelo logotipo nas cores institucionais.

Assinatura secundária A assinatura secundária é aquela que pode ser utilizada quando houver dificuldade em aplicar a assinatura principal por uma limitação de espaço. A marca EMA possui como assinatura secundária uma versão horizontal.

Assinatura por extenso Assinatura criada para casos em que a utilização apenas da sigla comprometa o entendimento da marca. Ela deve ser usada com maior frequência enquanto o projeto EMA não estiver consolidado no mercado. Para esse tipo de assinatura só deve ser utilizada essa versão horizontal.

Assinatura com subtítulo Alternativa de assinatura criada para casos em que a segmentação da marca seja necessária. O termo “projeto” deve ser substituído pelo nome do projeto interno que esteja ocorrendo no ema, como por exemplo o “trike”. Para esse tipo de assinatura só deve ser utilizada essa versão horizontal.

Assinatura preto e branca A assinatura em preto e branco tem como papel facilitar a viabilidade de impressos em preto e branco e de métodos como serigrafia, estêncil, carimbos, dentre outros, onde a utilização de cores diferentes nem sempre é possível.

Construção do símbolo

Proporções da marca

projeto 14

Área de respiro A área de respiro é o espaço físico mínimo que deve haver em torno da marca para que sua leitura e percepção não sejam prejudicadas pela presença de outros elementos gráficos, como texto, fotos ou outras marcas. Garantindo assim uma perfeita comunicação da marca. A área de respiro da marca da EMA é dada com base na circunferência interna da letra ‘a’ do logotipo.

Limite de redução A marca possui um limite de redução, que tem como finalidade manter a integridade e reconhecimento da marca até uma distância. Reduzindo-se mais que isso, a visualização dos elementos fica seriamente prejudicada. Assim, foi estipulado o limite de redução de 18 milímetros de largura para a marca em sua versão principal. Para a versão secundária, foi estipulado o limite de redução de 27 milímetros de largura.

Tipografias institucionais Asap

Droid Serif

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 23456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 23456789

A tipografia é um elemento importante para a manutenção de um sistema de identidade visual. Dessa forma, para preservar a identidade da empresa, qualquer texto institucional deve ser composto com as famílias tipográficas auxiliares aqui definidas. Visando os diferentes tipos de aplicação da tipografia, a marca conta com duas famílias tipográficas, uma serifada e outra sem serifa. As duas famílias tipográficas institucionais são: Asap, que deve ser usada apenas para textos curtos e web e a Droid Serif, para textos longos pela sua característica de facilitação da leitura.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789

Cores institucionais As cores desempenham um importante papel no bom funcionamento de um sistema de identidade visual. A unidade do código cromático original deve ser mantida, tendo em vista as alterações que podem ser provocadas pelos diferentes processos de impressão, por exemplo. Seguem os códigos cromáticos das cores originais nos padrões CMYK, utilizado para materiais impressos e o código hexadecimal, utilizado para veiculação na web. Bem como o código Pantone, utilizado em gráficas para comparação na calibragem das impressoras.

C:5 M:90 Y:90 K:0 R:198 G:67 B:53 #e44132

C:80 M:70 Y:45 K:40 R:58 G:65 B:80 #3a3f50

Cores auxiliares A fim de não banalizar as cores institucionais da marca pelo excesso de uso e aumentar o número de possibilidades de aplicação sem comprometer a sua integridade, definiu-se uma paleta de cores auxiliares. Tais cores foram selecionadas de forma que suas combinações fossem as mais harmônicas possíveis e permitissem diferentes efeitos. Foram definidas dois tipos de paleta de cores auxiliares. A primeira possui uma relação de cores que apresenta afinidade com a marca, podendo ser utilizada no desenvolvimento de quaisquer materiais institucionais. A segunda é a Paleta de Cores Auxiliares Festivas, que possui uma gama de cores que foram pensadas para normatizar a marca em aplicações de datas comemorativas (Copa do Mundo, Outubro Rosa, Dias dos Namorados e etc).

Paletas de cores

C:0 M:40 Y:100 K:0 R:229 G:164 B:48 #e5a430

C:0 M:70 Y:95 K:0 R:215 G:11 B:50 #d76f32

C:50 M:0 Y:5 K:0 R:146 G:205 B:231 #92cde7

C:0 M:85 Y:100 K:0 R:209 G:79 B:50 #d14f2a

C:90 M:5 Y:15 K:0 R:54 G:169 B:205 #36a9cd

C:5 M:70 Y:70 K:0 R:205 G:110 B:41 #cd6e56

C:65 M:30 Y:35 K:0 R:54 G:169 B:205 #74959d

C:0 M:100 Y:100 K:0 R:204 G:34 B:41 #cc2229

C:80 M:5 Y:40 K:0 R:90 G:172 B:167 #5aaca7

C:15 M:100 Y:100 K:5 R:170 G:38 B:43 #aa262b

C:100 M:40 Y:30 K:5 R:38 G:117 B:147 #267593 C:100 M:60 Y:50 K:40 R:38 G:117 B:147 #1e4451

Paleta de cores auxiliares

C:0 M:60 Y:100 K:0 R:219 G:129 B:46 #db812e C:100 M:25 Y:100 K:15 R:48 G:121 B:70 #307946 C:90 M:0 Y:90 K:0 R:170 G:170 B:97 #4caa61

C:50 M:60 Y:80 K:40 R:91 G:76 B:55 #5b4c37 C:10 M:50 Y:10 K:0 R:225 G:153 B:182 #e1199B6

C:55 M:80 Y:0 K:0 R:121 G:83 B:157 #79539d

Paleta de cores festivas

Fundos coloridos É permitido aplicar a assinatura principal da marca EMA e suas assinaturas sencundárias em fundos coloridos monocromáticos desde que sejam utilizadas somente as versões em branco ou em preto. É necessário manter o contraste entre a assinatura e o fundo, sempre aplicando a marca branca em cima de fundos escuros e vice versa. Sendo que as combinações mais adequadas estão exemplificadas. Em peças gráficas, deve-se dar preferência às cores auxiliares definidas neste manual.

Cores auxiliares Cores festivas

Fundos cinzas Nas ocasiões em que for necessário aplicar a marca EMA em fundos de cor cinza, recomenda-se respeitar a prioridade: versão principal à versão monocromática. As imagens abaixo demonstram quais percentuais de tinta preta no fundo são permitidos para cada versão da marca para que esta não perca o contraste ideal.

Aplicações Fundos monocromáticos Define-se fundos monocromáticos como fotos, imagens, texturas que não possuam muita variação de cor. Para que as versões da marca EMA possam ser aplicadas em tais ocasiões, deve-se escolher a área da imagem que apresente textura mais homogênea, menor número de informações visuais e maior contraste em relação à assinatura adotada. É permitido aplicar a marca EMA em sua versão principal em fundos coloridos monocromáticos desde que eles apresentem bastante contraste em relação à marca gráfica. Caso esta situação não seja satisfeita, deve-se utilizar somente as assinaturas em branco ou em preto. Deve-se lembrar sempre de respeitar o limite de redução e a área de respiro na aplicação.

Aplicações Fundos policromáticos Nos casos em que o fundo disponível for de alta complexidade visual, deve-se aplicar a assinatura escolhida sobre uma tarja em preto, branco ou em uma das cores auxiliares. Essa tarja tem um gradiente linear aplicado da cor para o transparente e deve ser usada sempre com a opacidade a partir de 60%. Ela pode ser aplicada verticalmente ou horizontalmente, da forma que melhor convenha. A assinatura a ser aplicada sobre a tarja deve seguir as normas anteriormente descritas, no referente à cor, tamanho e área de respiro. Em tarjas verticais deve-se aplicar a assinatura principal e nas horizontais a secundária.

Usos proibidos Para que a marca mantenha seu sentido e coesão em suas variadas aplicações alguns usos não podem ser utilizados pois acarretarão na perda susbstancial das características que a atribuem significado à marca.

Distorção da marca

Uso de contornos

Modificação das cores

Alguns exemplos desses usos são: 1-Distorção da marca 2-Uso de contornos 3-Apenas as linhas da marca 4-Modificação das cores 5-Efeitos não autorizados 6-Rotação da marca 7-Invasão à area de respiro 8-Desassociação da marca 9-Adição de elementos à marca Atenção: nem todos os usos indevidos foram listados, siga sempre o manual.

X Efeitos não autorizados

Rotação da marca

Adição de elementos

Invasão à area de respiro

Malha Com o intuito de enriquecer a identidade visual e gerar alternativas de aplicação foram desenvolvidos elementos auxiliares. Foi desenvolvida uma malha, gerada a partir da repetição de um módulo, originário do símbolo, podendo ser usada das mais diversas maneiras em fundos, molduras, composições, etc. O módulo também pode ser usado individualmente como elemento auxiliar na composição de peças gráficas das mais diversas formas. Atenção: Usar a malha apenas nas cores institucionais a fim de preservar a identidade e garantindo contraste com o fundo. Evitar o uso exagerado e que possa prejudicar legibilidade ou reconhecimento de elementos em uma composição.

Módulo básico 26

Cartão de visitas Dimensões: 8,85cm x 4,9cm (552pt x 144pt) Recomenda-se a aplicação de verniz sobre a marca gráfica. O laranja utilizado é o institucional. O arquivo foi disponibilizado em formato editável para que as informações possam ser alteradas e atualizadas.

Header e avatar Header: tamanho mínimo de 399 pixels de largura e 150 pixels de altura. Avatar: deve ter ao menos 180x180 pixels. O avatar é a única aplicação onde o uso do símbolo sozinho é permitido. O header e avatar devem estar em harmonia, seguindo um estilo similiar.

Papel timbrado O papel timbrado do ema foi disponibilizado no tamanho A4 em formato editável para que suas informações de rodapé possam ser alteradas e atualizadas. Sua marca d’água possui opacidade de 10%.

Empowering Mobility and Autonomy Projeto Piloto Dezembro de 2015 Este manual foi desenvolvido pela Lamparina Design, no segundo semestre de 2015, bem como a marca e as aplicações aqui apresentadas. Caso haja dúvidas em relação à aplicação da marca, entre em contato conosco. A Lamparina Design deverá ser consultada em um possível e futuro redesign da marca.