Transcript
Page 1: Coruja Design - Manual de Identidade Visual

1

diretrizes para o uso da marca

Page 2: Coruja Design - Manual de Identidade Visual

Sum

ário

1 .................................................................... INTRODUÇÃO1.1........................................................................ Nossa missão1.2 ............................................................................. Inovação1.3 ......................................................................... Idoneidade1.4 ....................................................................... Proatividade1.5 ........................................................................... Sabedoria

2 ...........................................................ASSINATURA VISUAl 2.1 .............................................................................. A marca2.2 ...................................................................................... Grid2.3 ......................................................................... Arejamento2.4 ............................................................... O uso do símbolo2.5 ................................................................ Versão em cores2.6 ................................................................. Versão negativa2.7 ..................................................... Versão monocromática2.8 .................................................................... Versão a traço2.9 ................................................................ Redução mínima2.10 ................................................................. Paleta de cores2.11............................................................................ Tipografia2.12 ......................................... Desmembramento da marca2.13 ................................................................... Usos incorretos2.14 ....................................................... Outros usos incorretos2.15 ............................................ Comportamento cromático

2.15.1 ................................................. Versão Principal2.15.2 ................................................ Versão Negativa

2.16 .......................... Aplicações da versão monocromática 2.17 ............................................... Aplicações sobre imagens

3 ...................................................................... AplIcAÇõeS3.1 ................................................................... Cartão de visita3.2 .............................................................................. Envelope3.3 .............................................. Envelopamento de veículos3.4 ................................................................................. Crachá3.5 ............................................................ Crachá Papel-carta3.6 ................................................................................. Website3.7 ............................................................................ Caderneta3.8 .............................................................................. Camiseta

Page 3: Coruja Design - Manual de Identidade Visual

Sum

ário

1 .................................................................... INTRODUÇÃO1.1........................................................................ Nossa missão1.2 ............................................................................. Inovação1.3 ......................................................................... Idoneidade1.4 ....................................................................... Proatividade1.5 ........................................................................... Sabedoria

2 ...........................................................ASSINATURA VISUAl 2.1 .............................................................................. A marca2.2 ...................................................................................... Grid2.3 ......................................................................... Arejamento2.4 ............................................................... O uso do símbolo2.5 ................................................................ Versão em cores2.6 ................................................................. Versão negativa2.7 ..................................................... Versão monocromática2.8 .................................................................... Versão a traço2.9 ................................................................ Redução mínima2.10 ................................................................. Paleta de cores2.11............................................................................ Tipografia2.12 ......................................... Desmembramento da marca2.13 ................................................................... Usos incorretos2.14 ....................................................... Outros usos incorretos2.15 ............................................ Comportamento cromático

2.15.1 ................................................. Versão Principal2.15.2 ................................................ Versão Negativa

2.16 .......................... Aplicações da versão monocromática 2.17 ............................................... Aplicações sobre imagens

3 ...................................................................... AplIcAÇõeS3.1 ................................................................... Cartão de visita3.2 .............................................................................. Envelope3.3 .............................................. Envelopamento de veículos3.4 ................................................................................. Crachá3.5 ............................................................ Crachá Papel-carta3.6 ................................................................................. Website3.7 ............................................................................ Caderneta3.8 .............................................................................. Camiseta

3

introduçã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 N

ossa

miss

ão

Page 4: Coruja Design - Manual de Identidade Visual

3

introdução

1.2

Inov

açã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.

Page 5: Coruja Design - Manual de Identidade Visual

introdução

1.2 Id

onei

dade

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 con�ança que se conquista o público.

Page 6: Coruja Design - Manual de Identidade Visual

introdução

1.4

Proa

tivid

ade

Colaborar e ter iniciativa é quesito obrigatório para aqueles que trabalham na Coruja. O 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.

Page 7: Coruja Design - Manual de Identidade Visual

introdução

1.5

Sabe

doria

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 �m de que a melhor, e mais surpreendente, saída seja encontrada.

Page 8: Coruja Design - Manual de Identidade Visual

4

assinatura visual

símbolo logotipo

marca

As formas circulares fazem alusão à infinitude e agilidade, bem como ao trabalho em equipe e à idoneidade. O brilho no olhar mostra o entusiasmo da descoberta de uma ideia inovadora.

O logotipo, com sua tipografia exclusiva, possui o esqueleto geométrico circular presente

O símbolo remete ao olhar de uma coruja e demonstra que a agência tem uma visão abrangente de projeto, que sabe analisar sabiamente os problemas do cliente e propor soluções inovadoras e surpreendentes.

A cor amarela transmite dinamismo, energia e proatividade.

no símbolo. O fato de ser uma fonte sem serifa proporciona boa visibilidade e transmite boa legibilidade. A ligatura presente entre as letras C e O significa dinamismo e união, que são elementos fundamentais para um excelente trabalho em equipe.

2.1 A

mar

ca

Page 9: Coruja Design - Manual de Identidade Visual

5

assinatura visual

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 G

rid

Page 10: Coruja Design - Manual de Identidade Visual

6

assinatura visual

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 A

reja

men

to

Page 11: Coruja Design - Manual de Identidade Visual

7

assinatura visual

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 O

uso

do

símbo

lo

Page 12: Coruja Design - Manual de Identidade Visual

8

assinatura visual

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 V

ersã

o em

cor

es

Page 13: Coruja Design - Manual de Identidade Visual

9

assinatura visual

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 datipografia, que, ao invés de preta, passa a ser branca.

2.6 V

ersã

o ne

gativ

a

Page 14: Coruja Design - Manual de Identidade Visual

10

Sobre fundo preto

principal

secundária

K= 100%

K= 0%

K= 20%

K= 0%

K= 0%

K= 0%

K= 0%

K= 100%

K= 12%

K= 0%

K= 100%

K= 20%

2.7 V

ersã

o

m

onoc

rom

átic

a

K= 0%

assinatura visual

K=40%

K=100%

K=40%

K=100%

K=0%

K=100%

K=0%

K=100%

principal

secundária

Sobre fundo branco

A versão monocromática deverá ser utilizada apenas quando a impressão à cores não puder ser realizada.

Sobre fundo preto

Page 15: Coruja Design - Manual de Identidade Visual

10

Sobre fundo preto

principal

secundária

K= 100%

K= 0%

K= 20%

K= 0%

K= 0%

K= 0%

K= 0%

K= 100%

K= 12%

K= 0%

K= 100%

K= 20%

2.7 V

ersã

o

m

onoc

rom

átic

a

K= 0%

assinatura visual

K=40%

K=100%

K=40%

K=100%

K=0%

K=100%

K=0%

K=100%

principal

secundária

Sobre fundo branco

A versão monocromática deverá ser utilizada apenas quando a impressão à cores não puder ser realizada.

Sobre fundo preto

11

assinatura visual

principal

secundária

principal

secundária

2.8 V

ersã

o a

traçoEsta versão deverá ser usada apenas em último caso, quando houver restrições de cores e impressão.

Page 16: Coruja Design - Manual de Identidade Visual

12

assinatura visual

no papel

2.9 R

eduç

ão m

ínim

a

30 mm

15 mm 15 mm 15 mm

na tela

472 pixels

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.

Page 17: Coruja Design - Manual de Identidade Visual

13

assinatura visual

Estas são as cores da marca da Coruja Design. Todas remetem à coloração da ave em questão.

O amarelo está presente no olho do animal, por isso faz parte do nosso logo. Além disso, o amarelo transmite movimento, dinamicidade, energia e iluminação, visto que é uma cor quente.

O marrom faz referência às penas da coruja e combina perfeitamente com o amarelo, criando um contraste interessante.

O preto, por sua vez, está presente na pupila do olhar. Por ser uma cor extremamente escura e fechada, transmite seriedade e credibilidade.

2.10

Pal

eta

de c

ores

Pantone 7404CPantone Hexachrome

Yellow UCMYK 0/15/100/0

RGB 255/212/0

uso restrito a textos

Preto

Pantone Hexachrome Black C

Pantone 5463UCMYK 0/0/0/100

RGB 35/31/32Web 231f20

cores principais

cor s

ecun

dár

ia

Pantone 470CPantone 153U

CMYK 29/69/100/21RGB 154/87/36

Web 9a5724

Page 18: Coruja Design - Manual de Identidade Visual

14

assinatura visual

2.11

Para títulos e legendas:

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’Century Gothic Bold (para realçar informações importantes)

Century Gothic Regular (para subtítulos)

Century Gothic Italic (para legendas ou informações menos importantes)

Para textos impressos:

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’Principal: Adobe Garamond Pro Regular (9pt)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’Secundária: Times New Roman Regular (9pt)

Para uso exclusivo em e-mails:

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’Verdana Regular (12pt)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’

Aqui encontram-se as famílias

adjuntas a marca. Porém, há fontes

títulos e legendas de material impresso e digital, utilizamos a Century Gothic, uma vez que seu formato geométrico

logotipo.Entretanto, a Century Gothic

corpo de texto em peças impressas. Assim sendo, utilizaremos a Adobe Garamond Pro ou a Times New

Roman (em útlimo caso), já que ambas possuem boa legibilidade sobre o papel.

Para o conteúdo de e-mails, utlizamos a Verdana. Por não ser serifada, a visibilidade na tela é maior e melhor.

Page 19: Coruja Design - Manual de Identidade Visual

15

assinatura visual

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 esquerda ou direita, o brilho sempre deve aparecer.

2.12

otne

marbme

mseDda

mar

ca

Page 20: Coruja Design - Manual de Identidade Visual

2.13

Uso

s in

corre

tosassinatura visual

Inclinar a marca para a direita

Inclinar a marca para a esquerda

Aplicar e aumentar o olho atrás do tipograma

Usar o símbolo para separar a palavra “Coruja” ao meio

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

Page 21: Coruja Design - Manual de Identidade Visual

2.14

Out

ros

usos

inco

rreto

s

assinatura visual

Mudar o símbolo de lugar

Aplicar sombra

Mudar a cor do olho

Mudar a tipografia

Formar o símbolo do infinito com as letras C e O

Contornar o símbolo

Excluir o círculo branco do símboloAplicar o logo em marca d’água na versão colorida

coruja

Page 22: Coruja Design - Manual de Identidade Visual

assinatura visual

A marca da Coruja Design deve ser utilizada sobre fundos em que as cores sejam vibrantes e saturadas,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.1

5.1

Com

porta

men

to c

rom

átic

o

Vers

ão P

rinci

pal

Page 23: Coruja Design - Manual de Identidade Visual

2.1

5.2

Com

porta

men

to c

rom

átic

o assinatura visual

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.

Vers

ão N

egat

iva

Page 24: Coruja Design - Manual de Identidade Visual

2.16

Apl

icaç

ões

da v

ersã

o m

onoc

rom

átic

a

assinatura visual

K=10%

K=20%

K=30%

K=40%

K=50%

K=60%

K=70%

K=80%

K=90%

K=100%

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

Page 25: Coruja Design - Manual de Identidade Visual

2.17

Apl

icaç

ões

sobr

e im

agen

s

assinatura visual

Aplicar a marca reduzida sempre no canto inferior esquerdo ou direito.Além disso, deve-se analisar a tonalidade do local da aplicação (clara ou escura), para escolher a versão correta da marca a ser utilizada.

Nunca colocar o símbolo sobre o rosto da modelo e, também, jamais aplicar a marca em tamanho grande, no centro da fotogra�a.O logo, quando aplicado sobre �guras, deve ter a função de uma assinatura.

Não aplicar a marca em cores sobre peças de design, pois o símbolo chama mais a atenção do que o produto anunciado.Somado a isso, não colocar a marca em tamanho grande e nem no centro do projeto.

Page 26: Coruja Design - Manual de Identidade Visual

3.1 C

artã

o de

visi

ta

aplicações

9cm

5cm

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 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 Code que, quando fotografado, direciona o espectador para o port-fólio da agência.

frente

verso

Apl

icaç

õesViviane Maiotto Aleixo

Diretora de Arte

55 11 2300-1260

[email protected]

Alameda Grajaú - 288 - Alphaville - Barueri - SP

55 11 9-8874-9231

Page 27: Coruja Design - Manual de Identidade Visual

3.2 E

nvel

opeO envelope ofício é branco.

A aba é formada pela metadedo símbolo. Portanto, há anecessidade de uma faca espe-cial para que o recorte saiacorretamente.O endereço está em AdobeGaramond Pro, 10pt (a mes-ma fonte do papel-carta).Quando aberto, pode-se ob-servar que o interior do enve-lope é marrom.O logotipo aparece no verso.

aplicações

Coruja DesignAlameda Grajaú - 288 - Alphaville Barueri - SP - CEP: 06310-150 A

plic

açõe

s

verso (fechado)

verso (aberto)

frente

Coruja DesignAlameda Grajaú - 288 - Alphaville Barueri - SP - CEP: 06310-150

Page 28: Coruja Design - Manual de Identidade Visual

3.3 E

nvel

opam

ento

de

veíc

ulos

lateral direita lateral esqueda

parte dianteiraparte traseira

aplicações

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

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 atrair os olhares apenas para a marca da agência, que por sinal é bem forte.

Apl

icaç

ões

Page 29: Coruja Design - Manual de Identidade Visual

Coordenadora de Criação

AMANDA GONDIM

Motion Designer

GUILHERME FERREIRA

Diretora de Arte

VIVIANE MAIOTTO

3.4 C

rach

á

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

5,5cm

8,6cm

Apl

icaç

ões

Page 30: Coruja Design - Manual de Identidade Visual

3.5 Pa

pel-c

artaSão Paulo, 24 de agosto de 2012

Sed quia non numquamEius modi tempora incidunt ut

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 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

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 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 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 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 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 nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo.

Amanda Aparecida Gondim Rocco Coordenadora de Criação

CORUJA DESIGN

Alameda Grajaú - 288Alphaville - SP

06480-012+ 55 11 2300-1260

Amanda Aparecida Gondim Rocco Coordenadora de Criação

São Paulo, 24 de agosto de 2012

Sed quia non numquamEius modi tempora incidunt ut

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 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

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 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 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 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 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 nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo.

aplicações

em cores em preto

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. Apl

icaç

ões

CORUJA DESIGN

Alameda Grajaú - 288Alphaville - SP

06480-012+ 55 11 2300-1260

Page 31: Coruja Design - Manual de Identidade Visual

aplicações

3.6 W

ebsit

e

Home | Sobre | Equipe | Anuncie | Loja | Contato

AGÊNCIA | WEB | GRÁFICO | PUBLICIDADE | CLIENTES

Elabore et dol ore magna

Aliqua ut enim ad minim veniam, quis nostrud.

Consequuntur magni dolores eos qui ratione voluptatem nueg saguroige heolu eos qui atioh

volupta

Consequu ntur magni dolores eos qui ratione voluptatem

Apl

icaç

ões

Page 32: Coruja Design - Manual de Identidade Visual

3.7 C

ader

neta

aplicações

frente verso

A caderneta possui formato pequeno (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.

Apl

icaç

ões

Page 33: Coruja Design - Manual de Identidade Visual

3.8 C

amise

ta

aplicações

AMANDA

frente verso

A marca pode ser estampada sobre a camiseta de dois modos: bor-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. A

plic

açõe

s