Coruja Design - Manual de Identidade Visual
65 gostaram54,918 visualizações
O documento apresenta as diretrizes para o uso da marca da Coruja Design, enfatizando valores como inovação, idoneidade e proatividade. Detalha a assinatura visual da marca, incluindo versões de logotipo, paleta de cores, tipografia e regras de aplicação para diferentes materiais, como cartões de visita e envelopes. O guia também adverte sobre usos incorretos da marca e define as condições para sua aplicação em fundos e imagens.
![assinatura visual
Para títulos e legendas:
Century Gothic Bold (para realçar informações importantes)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’
Century Gothic Regular (para subtítulos)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’
Century Gothic Italic (para legendas ou informações menos importantes)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’
Para textos impressos:
Principal: Adobe Garamond Pro Regular (9pt)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’
Secundária: Times New Roman Regular (9pt)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’
Para uso exclusivo em e-mails:
Verdana Regular (12pt)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’
Aqui encontram-se as famílias Roman (em útlimo caso), já que
logotipo. ambas possuem boa legibilidade sobre
adjuntas a marca. Porém, há fontes Entretanto, a Century Gothic o papel.
2.11
Para o conteúdo de e-mails,
títulos e legendas de material impresso corpo de texto em peças impressas. utlizamos a Verdana. Por não ser
e digital, utilizamos a Century Gothic, Assim sendo, utilizaremos a Adobe serifada, a visibilidade na tela é maior
uma vez que seu formato geométrico Garamond Pro ou a Times New e melhor.
14](https://image.slidesharecdn.com/mivcorujafinal-121012100007-phpapp01/85/Coruja-Design-Manual-de-Identidade-Visual-18-320.jpg)
Coruja Design - Manual de Identidade Visual
- 1. diretrizes para o uso da marca 1
- 2. 1 .................................................................... INTRODUÇÃO 1.1........................................................................ Nossa missão 1.2 ............................................................................. Inovação 1.3 ......................................................................... Idoneidade 1.4 ....................................................................... Proatividade 1.5 ........................................................................... Sabedoria 2 ...........................................................ASSINATURA VISUAl 2.1 .............................................................................. A marca 2.2 ...................................................................................... Grid 2.3 ......................................................................... Arejamento 2.4 ............................................................... O uso do símbolo 2.5 ................................................................ Versão em cores 2.6 ................................................................. Versão negativa 2.7 ..................................................... Versão monocromática 2.8 .................................................................... Versão a traço 2.9 ................................................................ Redução mínima 2.10 ................................................................. Paleta de cores 2.11............................................................................ Tipografia 2.12 ......................................... Desmembramento da marca Sumário 2.13 ................................................................... Usos incorretos 2.14 ....................................................... Outros usos incorretos 2.15 ............................................ Comportamento cromático 2.15.1 ................................................. Versão Principal 2.15.2 ................................................ Versão Negativa 2.16 .......................... Aplicações da versão monocromática 2.17 ............................................... Aplicações sobre imagens 3 ...................................................................... AplIcAÇõeS 3.1 ................................................................... Cartão de visita 3.2 .............................................................................. Envelope 3.3 .............................................. Envelopamento de veículos 3.4 ................................................................................. Crachá 3.5 ............................................................ Crachá Papel-carta 3.6 ................................................................................. Website 3.7 ............................................................................ Caderneta 3.8 .............................................................................. Camiseta
- 3. introdução Nossa missão Por meio de uma equipe idônea e proativa, a base da agência Coruja Design foi consolidada. Na sabedoria, busca-se referências para a tenham a funcionalidade desejada pelo cliente. Inovando e surpreendendo, assim, a cada dia. 1.1 3
- 4. introdução Buscar soluções inovadoras para os problemas dos clientes é o que move a Coruja Design. Para tanto, a equipe está sempre em busca de novas referências e de conhecimento; com o olhar sempre atento de uma coruja de fato. Inovação 1.2 3
- 5. introdução Idoneidade O time de designers da Coruja honra, em demasia, a palavra e a integridade. Tudo o que se diz na agência é cumprido: prazos, data de entrega e/ou apresentação de projetos e reunião com clientes. Através de uma equipe de confiança que se conquista o público. 1.2
- 6. introdução Colaborar e ter iniciativa é quesito obrigatório para aqueles que trabalham na Coruja. O Proatividade trabalho em equipe é fundamental para a obtenção de bons resultados, mas, para isso, todos precisam participar ativamente e pensar a frente de seu tempo. 1.4
- 7. introdução Sabedoria Embasadas na sabedoria, os integrantes da agência buscam soluções funcionais para os problemas do cliente. Cada caso é analisado, pensado, pesquisado e concebido a fim de que a melhor, e mais surpreendente, saída seja encontrada. 1.5
- 8. assinatura visual símbolo logotipo A marca marca O símbolo remete ao olhar de As formas circulares fazem alusão à no símbolo. O fato de ser uma uma coruja e demonstra que a infinitude e agilidade, bem como ao fonte sem serifa proporciona agência tem uma visão abrangente trabalho em equipe e à idoneidade. boa visibilidade e transmite boa de projeto, que sabe analisar O brilho no olhar mostra o legibilidade. A ligatura presente sabiamente os problemas do cliente entusiasmo da descoberta de uma entre as letras C e O significa e propor soluções inovadoras e ideia inovadora. dinamismo e união, que são surpreendentes. O logotipo, com sua tipografia elementos fundamentais para um A cor amarela transmite exclusiva, possui o esqueleto excelente trabalho em equipe. dinamismo, energia e proatividade. geométrico circular presente 2.1 4
- 9. assinatura visual Grid Acima, é possível visualizar o grid sobre o qual a marca foi construída e o alinhamento dos itens que a compõe. 2.2 5
- 10. assinatura visual Arejamento Para facilitar a leitura e proteger a marca da interferência de outros elementos, há uma área de proteção em torno da mesma, que equivale à medida do olho do brilho. 2.3 6
- 11. assinatura visual O uso do símbolo O uso do símbolo sem o logotipo é permitido apenas em situações específicas: no material impresso (envelope e cartão de visita, por exemplo), utiliza-se a imagem na parte da frente ou de trás, e o tipograma na parte oposta (que pode ser melhor visualizado no capítulo destinado às aplicações). 2.4 7
- 12. assinatura visual Versão em cores principal secundária A principal diagramação da marca é aquela em que o símbolo encontra-se localizado ao lado. Na secundária, o logotipo está abaixo da figura, que, por sua vez, está aumentada. A segunda opção deverá ser usada apenas quando a primeira não puder ser aplicada. 2.5 8
- 13. assinatura visual Versão negativa principal secundária Esta versão da marca deverá ser utilizada quando a aplicação for efetuada sobre fundo de cores escuras, preferencialmente sobre a cor marrom. A única mudança em relação à versão em cores está na matiz da tipografia, que, ao invés de preta, passa a ser branca. 2.6 9
- 14. assinatura visual A versão monocromática deverá ser utilizada apenas quando a impressão à cores não puder ser realizada. monocromática Sobre fundo preto Sobre fundo preto Sobre fundo branco principal principal K= 0% K=100% K= 0% K=0% Versão K= 100% K=100% K= 20% K=40% secundária secundária K= 0% K= 0% K=0% K= 100% K=100% K= 100% K=40% K= 20% K= 12% 2.7 K= 0% K= 0% K= 0% K=100% 10
- 15. assinatura visual Versão a traço Esta versão deverá ser usada apenas em último caso, quando houver restrições de cores e impressão. principal principal secundária secundária 2.8 11
- 16. assinatura visual Redução mínima no papel na tela 30 mm 472 pixels 15 mm 15 mm 15 mm 236 pixels 236 pixels 236 pixels a determinação de limites de redução estará sujeita ao processo empregado, à qualidade do original utilizado e à qualidade de reprodução obtida. Recomendamos como limite de redução da marca limite comprometerá a leitura da marca. 2.9 12
- 17. assinatura visual Paleta de cores uso restrito a textos Estas são as cores da marca da Coruja O marrom faz referência às penas Design. Todas remetem à coloração da da coruja e combina perfeitamente Preto ave em questão. com o amarelo, criando um contraste O amarelo está presente no olho interessante. do animal, por isso faz parte do nosso O preto, por sua vez, está presente logo. Além disso, o amarelo transmite na pupila do olhar. Por ser uma movimento, dinamicidade, energia cor extremamente escura e fechada, e iluminação, visto que é uma cor transmite seriedade e credibilidade. quente. cores principais cor secundária Pantone 7404C Pantone Hexachrome Pantone 470C Pantone Hexachrome Black C Pantone 153U Yellow U Pantone 5463U CMYK 29/69/100/21 RGB 154/87/36 CMYK 0/15/100/0 CMYK 0/0/0/100 Web 9a5724 RGB 255/212/0 RGB 35/31/32 Web 231f20 2.10 13
- 18. assinatura visual Para títulos e legendas: Century Gothic Bold (para realçar informações importantes) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’ Century Gothic Regular (para subtítulos) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’ Century Gothic Italic (para legendas ou informações menos importantes) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’ Para textos impressos: Principal: Adobe Garamond Pro Regular (9pt) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’ Secundária: Times New Roman Regular (9pt) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’ Para uso exclusivo em e-mails: Verdana Regular (12pt) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’ Aqui encontram-se as famílias Roman (em útlimo caso), já que logotipo. ambas possuem boa legibilidade sobre adjuntas a marca. Porém, há fontes Entretanto, a Century Gothic o papel. 2.11 Para o conteúdo de e-mails, títulos e legendas de material impresso corpo de texto em peças impressas. utlizamos a Verdana. Por não ser e digital, utilizamos a Century Gothic, Assim sendo, utilizaremos a Adobe serifada, a visibilidade na tela é maior uma vez que seu formato geométrico Garamond Pro ou a Times New e melhor. 14
- 19. assinatura visual Desmembramento da marca A marca da agência pode ser desmembrada e redimensionada para criar um dinamismo maior nas peças. No entando, independentemente se o símbolo estiver sangrando na parte 2.12 esquerda ou direita, o brilho sempre deve aparecer. 15
- 20. assinatura visual Usos incorretos Distorcer a marca horizontalmente Fazer o “O” da coruja com o olho Distorcer a marca verticalmente Fazer o “O” e o “A” da coruja com o olho Inclinar a marca para a direita Aplicar e aumentar o olho atrás do tipograma 2.13 Inclinar a marca para a esquerda Usar o símbolo para separar a palavra “Coruja” ao meio
- 21. assinatura visual Outros usos Aplicar o logo em marca d’água na versão colorida Excluir o círculo branco do símbolo coruja incorretos Mudar o símbolo de lugar Mudar a tipografia Aplicar sombra Formar o símbolo do infinito com as letras C e O 2.14 Mudar a cor do olho Contornar o símbolo
- 22. assinatura visual Comportamento cromático A marca da Coruja Design deve ser utilizada sobre fundos em que as cores sejam vibrantes e saturadas, Versão Principal porque o contraste obtido é satisfatório. Contudo, a aplicação sobre tons mais claros não é autorizada, já que o símbolo não é realçado. 2.15.1
- 23. assinatura visual Comportamento cromático Versão Negativa A versão negativa deve ser aplicada, preferencialmente, sobre o fundo marrom. Entretanto, é aceitável sobre todas as matizes escuras, uma vez que proporciona boa leitura. 2.15.2
- 24. assinatura visual Aplicações da versão Sobre fundos cujo valor de K varie entre 0%-20%, pode-se aplicar a versão com o logotipo preto. Contudo, se a porcentagem de preto estiver ao redor dos 30%, não é permitida nenhum tipo de aplicação, pois a legibilidade de ambas as versões da marca não funcionam sobre esta tonalidade. A partir de K=40%, utiliza-se a versão para fundo escuro, com o tipograma na cor branca. Assim K=10% K=60% monocromática K=20% K=70% K=30% K=80% K=40% K=90% K=50% K=100% 2.16
- 25. assinatura visual Aplicações sobre imagens Aplicar a marca reduzida Nunca colocar o símbolo Não aplicar a marca em sempre no canto inferior sobre o rosto da modelo e, cores sobre peças de esquerdo ou direito. também, jamais aplicar a design, pois o símbolo Além disso, deve-se marca em tamanho chama mais a atenção do analisar a tonalidade do grande, no centro da que o produto anunciado. local da aplicação (clara fotografia. Somado a isso, não ou escura), para escolher a O logo, quando aplicado colocar a marca em 2.17 versão correta da marca a sobre figuras, deve ter a tamanho grande e nem ser utilizada. função de uma assinatura. no centro do projeto.
- 26. aplicações Cartão de visita frente 9cm O cartão de visita possui formato 9x5cm. Na parte da frente, há verniz locali- zado no símbolo e no logotipo. No verso, foi utlizada a fonte 5cm versões da Century Gothic: bold no nome (12pt); italic na função (11pt); regular nos telefones e e- mail (11pt) e no endereço (10pt). As informações estão alinhadas à esquerda. Além disso, há um QR verso Code que, quando fotografado, direciona o espectador para o port- fólio da agência. Aplicações Viviane Maiotto Aleixo Diretora de Arte 55 11 2300-1260 55 11 9-8874-9231 viviane@coruja.com.br Alameda Grajaú - 288 - Alphaville - Barueri - SP 3.1
- 27. aplicações frente Envelope verso (fechado) O envelope ofício é branco. A aba é formada pela metade do símbolo. Portanto, há a necessidade de uma faca espe- cial para que o recorte saia corretamente. Coruja Design Alameda Grajaú - 288 - Alphaville O endereço está em Adobe Barueri - SP - CEP: 06310-150 Garamond Pro, 10pt (a mes- Aplicações ma fonte do papel-carta). Quando aberto, pode-se ob- verso (aberto) servar que o interior do enve- lope é marrom. O logotipo aparece no verso. 3.2 Coruja Design Alameda Grajaú - 288 - Alphaville Barueri - SP - CEP: 06310-150
- 28. Envelopamento de veículos aplicações lateral direita lateral esqueda Os veículos da agência são furgões. Nas laterais, pode-se obser- var o símbolo aplicado pela metade com o logotipo. Na parte traseira, há apenas parte traseira parte dianteira Na parte dianteira, nada foi O veículo teve a cor branca preservada. O motivo pelo qual o au- tomóvel inteiro não foi dec- orado está no fato de querer Aplicações atrair os olhares apenas para a marca da agência, que por sinal é bem forte. 3.3
- 29. aplicações 5,5cm 8,6cm Crachá AMANDA GONDIM GUILHERME FERREIRA VIVIANE MAIOTTO Coordenadora de Criação Motion Designer Diretora de Arte Aplicações O crachá é feito de plástico, possui tamanho padrão de 5,5x8,6cm, devido às bordas arredondas. A marca é aplicada centralizada na parte suprior do artefato. Logo abaixo, há espaço para a foto 3x4 do funcionário, seguido de seu nome em caixa-alta e seu cargo logo abaixo. Em abas linhas, a 3.4
- 30. aplicações em cores em preto CORUJA DESIGN CORUJA DESIGN Alameda Grajaú - 288 Alameda Grajaú - 288 Alphaville - SP Alphaville - SP 06480-012 06480-012 + 55 11 2300-1260 + 55 11 2300-1260 Papel-carta São Paulo, 24 de agosto de 2012 São Paulo, 24 de agosto de 2012 Sed quia non numquam Sed quia non numquam Eius modi tempora incidunt ut Eius modi tempora incidunt ut Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." anim id est laborum." Seção 1.10.32 de "de Finibus Bonorum et Malorum", escrita por Cícero em 45 AC Seção 1.10.32 de "de Finibus Bonorum et Malorum", escrita por Cícero em 45 AC "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo. nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo. Aplicações Amanda Aparecida Gondim Rocco Amanda Aparecida Gondim Rocco Coordenadora de Criação Coordenadora de Criação 3.5 O papel carta possui formato A4. O corpo do texto é em Adobe Garamond Pro, 10 pt, e a margem é de 1,5cm nas partes superior, direita e esquerda; e de 3cm na parte inferior.
- 31. aplicações Home | Sobre | Equipe | Anuncie | Loja | Contato AGÊNCIA | WEB | GRÁFICO | PUBLICIDADE | CLIENTES Elabore et dol ore magna Website Aliqua ut enim ad minim veniam, quis nostrud. Aplicações Consequu ntur magni Consequuntur dolores eos magni dolores qui ratione voluptatem eos qui ratione voluptatem nueg eos qui atioh volupta saguroige heolu 3.6
- 32. aplicações frente verso A caderneta possui formato pequeno Caderneta (9x14cm). A capa é dura e há um elástico amarelo que serve para fechar o objeto. A marca é aplicada em marca d’água na versão monocromática e sangra. Na parte inferior esquerda da capa, há a versão a traço da marca, que é usada para proporcionar melhor contraste da marca. Aplicações 3.7
- 33. aplicações frente verso AMANDA Camiseta Aplicações A marca pode ser estampada sobre a camiseta de dois modos: bor- 3.8 dada ou em silk screen. Na parte da frente, há o símbolo e logotipo; na parte de trás, o nome do funcionário.