MIV desenvolvido para a disciplina de Metologia de Projeto II, sob orientação do professor Vitor Fernandes. Cada grupo tinha de abrir um estúdio de design fictício, conceitua-lo e criar sua identidade visual.
Projeto desenvolvido por mim, Guilherme Ferreira e Viviane Maiotto.
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.