Livro da marca – CASa

CASa

LIVRO DA MARCA

CASa

LIVRO DA MARCA

01 manual

ELEMENTOS GRÁFICOS

00 apresentação

00 código cromático 00 padrão tipográfico

IDENTIDADE DA MARCA

sumário

00 padrão tipográfico auxiliar

00 código de valores 00 identidade nominal

VARIAÇÕES DA ASSINATURA

00 linguagem

00 dinâmica cromática

00 missão

00 variações de cores na mídia 00 monograma

ASSINATURA VISUAL

00 grafismos

00 memorial descritivo

00 assinatura das atividades

00 marca gráfica

00 uso incorreto dos elementos

00 diagrama de construção 00 área de reserva

BIBLIOTECA DIGITAL

00 redução máxima

00 glossário 00 diretório de arquivos 00 créditos

Manual

Ver e sentir. É a linguagem visual que torna um sistema diferenciado e

significa”, além de proporcionar informação sobre a identidade da marca

imediatamente reconhecível. Este sistema de apoio que compreende

e normatizar o uso dos elementos gráficos que constituem o sistema de

cores, imagens, tipografia e composição é que faz um programa de

identidade visual do Programa.

identidade visual tornar-se coeso e diferenciado em sua totalidade.

A construção de uma nova marca é cada vez mais uma responsabilidade O design da identidade de marca traz consistência, ordem visual e verbal,

compartilhada por cada um e por todos os empregados e parceiros

reflexão e a intenção de diferenciar os elementos para ajudar a empresa a

estratégicos. Aderir às diretrizes requer disciplina e vigilância.

crescer e vender com mais eficácia.

A negligência na aplicação deste guia pode acarretar no enfraquecimento Esta publicação é um guia que auxiliará a CASa a comunicar sua

da identidade corporativa e visual da CASa. Já o uso correto contribuirá

identidade visual e estratégica. Ela tem como objetivo apresentar as

para a promoção positiva e estratégica do Programa perante todos os

diretrizes de identidade da marca CASa, comunicando “o que a marca

públicos estratégicos da marca.

N

Manual de Identidade Visual

quem somos

Apresentação

N

Manual de Identidade Visual

A CASa é a Comunidade de Cooperação e Aprendizagem Significativa da

opções. Tudo isso porque a CASa acredita que diferentes instrumentos e

UFC. Um programa que investe em aprendizado efetivo como forma de

linguagens podem valorizar tanto a racionalidade quanto a sensibilidade

aperfeiçoamento docente.

e, assim, são capazes de promover o aprendizado efetivo.

Com uma programação diversificada, a CASa pretende provocar e

A pluralidade nas formações e o incentivo a escolha impulsionam a

compartilhar reflexões. Artes, ciência, filosofia, religião, afrocultura,

presença do público nas atividades do Programa e promovem uma

pedagogia e muitas outras áreas de conhecimento compõem o leque de

formação personalizada, gerando empatia, admiração e reconhecimento.

Comunidade de Cooperação e Aprendizagem Significativa

N

Do Projeto ao Programa

Em 2009, a Pró-Reitoria de Graduação da UFC criou a CASa. Um projeto

processo de diversificação das atividades que o caracteriza ainda hoje.

para acolher docentes em estágio probatório. Desde então, foram criadas

Por isso, o diálogo é um processo constante na CASa e gera atividades de

diversas formas aprendizagem significativa e dialógica.

formação coerentes com as necessidades do público-alvo.

A CASa começou com as Ambiências Temáticas, grupos de pessoas que

Foi assim que a CASa transformou-se e expandiu-se. Hoje, ela é um

se encontram para discutir temas de interesse comum. Depois, foram

amplo programa de aperfeiçoamento docente que recebe professores

criados outros instrumentos de formação, como o programa de rádio

recém-ingressos e veteranos, discentes de graduação e pós-graduação

CASa Aberta; o portal e o Breviário, o informativo eletrônico da CASa.

das diversas unidades da UFC e está, em diversos momentos, aberta à

Além disso, em seus dois primeiros anos, o Programa iniciou um

participação da sociedade civil.

N

Manual de Identidade Visual

identidade da marca

identidade da marca

Código de valores

HETE RO

C O L

IN

TRANSFORMAÇÃO

A LHO

AÇ

AB

Ã

R

ARIEDA D I L D O S TER

T

O

EIDADE EN G

E

ET

IVO

considera a transformação um ponto muito importante que significa a

Por

continuidade da formação docente. É a força de inovação do Programa.

isso

é

preciso

trabalhar

sua

personalidade,

sua

alma.

O

comportamento e a relação com o público reforçam sua imagem.

Dedicação força de integração

Inovação força de expansão

Assim, a melhor forma de consolidar uma marca é gerenciá-la de forma

A seguir, o trabalho coletivo e a interação são apontadas como forças de

coerente. Essa consistência deve ser construída racionalmente e

integração, principais características da formação oferecida pela CASa e

enraizada nas pessoas no interior da organização.

da forma de trabalho desenvolvido pelos integrantes.

O código de valores pode ser considerado o conjunto de padrões de

A heterogeneidade, a equidade e a solidariedade são as forças de atração

comportamento institucionais. Os valores falam sobre o comportamento

do Programa no cenário da universidade. Elas convidam a comunidade

da CASa, o que ela é, como são as pessoas que a fazem e o que todos

acadêmica a conhecer a CASa e ingressar nas atividades de formação.

buscam.

Sedução

Eles

devem

ser

compreendidos,

compartilhados

e,

principalmente, respeitados.

força de atração

A soma dos princípios explica o modo de agir e pensar da CASa em suas

UIDAD EQ N

Criar uma identidade é, acima de tudo, gerir os valores de uma marca.

ações. É a personalidade da marca. O código de valores da CASa

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

Identidade nominal

O nome é transmitido diariamente, nas conversas, nos e-mails, nos sites,

única, conotações positivas e se presta a apresentação diferenciada no

nas redes sociais, nos cartões de visita e nas apresentações. Um nome mal

símbolo e no texto. Mesmo assim, não se deve utilizar o símbolo gráfico

escolhido pode atrapalhar muito. Pela má comunicação ou porque as

ou o logotipo em textos, no lugar do nome.

pessoas não conseguem memorizá-lo. Já o nome certo é atemporal, fácil de lembrar, significativo e fica bem no texto e no logotipo. Quando bem

Justo por ser um nome, não uma sigla, deve ser tratado como substantivo

escolhido, se torna uma ferramenta poderosa.

do gênero feminino. Além disso, a comunicação precisa concordar em todos os pontos de contato para deixar claro que, mesmo se tratando de

O nome CASa comunica sobre a essência da marca, apoiando a imagem

um programa, a denominação correta é “a” CASa, não “o” CASa.

que ela deseja transmitir. É fácil de lembrar e pronunciar. Tem grafia

N

Manual de Identidade Visual

Seja bem-vindo. A CASa é sua.

N

identidade da marca

Linguagem

A escrita vigorosa é concisa. Uma sentença não deve conter

Para se firmar, uma marca precisa projetar sempre a mesma mensagem.

Escreva seu texto na terceira pessoa do singular, tratando a CASa como

Por isso é importante adotar uma voz que funcione com harmonia,

“ela”. A comunicação fica mais confiável, criando uma imagem de maior

clareza e personalidade. Cada palavra deve oferecer uma oportunidade

respeito na mente do público. Evite usar a palavra “casa” em textos sobre

de informar, envolver e inspirar. Mensagens memoráveis assumem vida

a CASa. A semelhança pode causar confusão. Não use o símbolo gráfico

própria quando são repetidas. Com alto nível de unificação e

em textos, no lugar do nome. Também não é indicado usar destaques

consistência, elas impulsionam uma instituição.

(itálico ou negrito), pois o nome do Programa já tem grafia singular, que

palavras desnecessárias pela mesma razão que um desenho

rapidamente o diferencia.

Seja um aviso ou a descrição de uma atividade, a linguagem deve ser

não deve ter traços desnecessários e uma máquina não deve conter partes desnecessárias.

direta e uníssona. Assim, um docente atarefado pode captar o que

Procure palavras familiares, otimistas e de fácil entendimento. Além de

precisa saber em poucos minutos. Garanta que o significado seja

contribuir para uma comunicação mais eficiente, elas vão causar

acessível, pois a CASa trabalha com público diversificado. Quando

identificação e dar ao texto maior fluidez. Mas não apele para gírias e

estiver redigindo informações-chave, mantenha o impacto cortando os

neologismos. Afinal, a comunicação deve gerar credibilidade.

excessos e tudo que não estiver bem claro. Menos é mais. As mensagens de marca funcionam melhor quando falam da essência do produto ou serviço e da experiência.

WILLIAM STRUNK E E.B. WHITE

N

Comunidade de Cooperação e Aprendizagem Significativa

N

assinatura visual

Memorial descritivo

Uma marca gera expectativas a respeito de uma instituição. Por isso,

o desenho da marca: acentuar o aprendizado. O “a” maiúsculo é uma seta

marcas bem sucedidas nascem de uma percepção profunda da

que protege, ascende e acentua o aprendizado efetivo, representado pelo

personalidade de uma organização e um dos componentes

“a” minúsculo.

fundamentais do seu alicerce é a credibilidade. As pessoas precisam saber que por trás da marca existe uma organização positiva e

A assinatura visual é composta, ainda, pelo logotipo “Comunidade de

confiável, que pode beneficiá-las.

Cooperação e Aprendizagem Significativa”, que identifica o nome completo do Programa. O símbolo combina, também, duas formas

A marca gráfica da CASa é a tradução visual de sua missão. Clareza

memoráveis: o círculo e o triângulo. Elementos de notável perenidade

e simplicidade visual destacam, com muita força, o código de

em comunicação visual. O design econômico e as formas arredondadas

valores e o objetivo do Programa. O símbolo é uma carismática

dão à composição um espírito contemporâneo sem torná-la comum.

composição

que

traz

o

círculo,

elemento

recorrente

na

comunicação visual da CASa, como representação do ponto de

O conjunto gráfico reúne clareza e simplicidade, versatilidade e

encontro virtuoso, igual e coletivo do aprendizado efetivo.

coerência,

simpatia

e

credibilidade.

Tudo

para

gerar

empatia,

reconhecimento e relevância junto ao público da CASa. Afinal, ela é Os caracteres do símbolo têm desenho exclusivo, com tipos de alta

recepção. É a primeira porta que se abre para os novos docentes da

legibilidade, beleza amigável e contemporânea. As letras “a”

Universidade. É uma experiência cooperativa e dialógica que acentua o

maiúscula e minúscula mantêm as características da primeira

aprendizado efetivo.

assinatura visual da CASa e expressam o conceito em que se baseia

N

Manual de Identidade Visual

assinatura visual

Marca gráfica símbolo

logotipo

ASSINATURA PREFERENCIAL

ASSINATURA ALTERNATIVA

MONOGRAMA

Assinatura visual é um termo usado para definir as combinações entre

imagem da CASa podem ser garantidas. Por isso é importante aplicar a

A assinatura visual pode ser utilizada na versão horizontal (assinatura

homogêneos e de cor clara ou imagens que permitam clara visualização

símbolo e logotipo. Ela é o elemento mais importante do sistema de

assinatura conforme as diretrizes normatizadas neste manual.

preferencial), vertical (assinatura alternativa) ou reduzida (monograma),

da marca gráfica.

identidade visual. A marca gráfica completa da CASa é composta por dois

garantindo versatilidade para se adequar a diferentes situações.

elementos: o símbolo e o logotipo. Os dois foram cuidadosamente

Verifique e aprove as aplicações/reduções da marca em todos os

desenvolvidos para expressar a personalidade do Programa.

materiais. Nunca recrie ou redesenhe o logotipo e/ou o símbolo. Isso

A assinatura em duas cores sobre fundo branco é a preferencial,

não ocorre com o logotipo. Além disso, sempre que aparecerem juntos,

pode gerar distorções, prejudicando sensivelmente a comunicação

recomendada em primeira instância para a CASa. Quando não for

símbolo e logotipo devem respeitar as proporções e o posicionamento

visual do Programa.

possível aplicar sobre fundo branco, serão permitidos fundos lisos,

definido pelo diagrama de construção da marca.

Com a aplicação sistematizada em todos os locais em que a assinatura

O símbolo CASa pode ser utilizado individualmente. Porém, o mesmo

precise aparecer, a consistência do conjunto e a unificação com a

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

assinatura visual

Diagrama de construção

2x

1,9x

2,3x

22x

7,7x

2x

2x

1,9x

5,1x

2x

2,3x

2x 2x

2x

2x

O módulo “x” apresentado equivale à 1/13 do diâmetro do círculo que 5,25x

13x

5,2x 13x

compõe o símbolo. Ele é a referência entre os elementos que integram a assinatura visual. O símbolo é formado por um círculo, cujo diâmetro mede 13 módulos, e um conjunto de caracteres de desenho exclusivo inscritos em um quadrado modular de lado cinco. Já o logotipo é formado

26,5x 2,5x

por um conjunto de caracteres com proporção de oito unidades na 2x

horizontal e cinco unidades na vertical. O grid mantem a harmonia entre

2x

2x

2,3x

1,9x

1,3x

símbolo e logotipo estabelecendo uma altura modular de caracteres

2x

5,1x

tipográficos igual para os dois: cinco módulos.

ASSINATURA PREFERENCIAL

11x

É possível perceber, ainda, que as letras do símbolo excedem um pouco a medida indicada. Isso acontece porque o comportamento visual das letras curvadas é diferente. Se rigorosamente alinhadas à linha de base e

Criar marcas baseadas em grids é fundamental para trazer clareza,

O objetivo do grid é estabelecer uma proporção, normatizar a

de topo, como ocorre com os tipos retos, elas parecem ligeiramente

harmonia e equilíbrio ao conjunto da assinatura. O diagrama de

composição e combinação dos elementos da assinatura de maneira

menores que as outras letras. Por isso, manter os caracteres com o

construção é uma forma de organizar os elementos da marca para

flexível e sistemática. O módulo apresentado é a referência da proporção

mesmo tamanho causaria desequilíbrio visual. Assim, o tamanho das

diferenciar os tipos de informação e facilitar o reconhecimento da

estabelecida entre os elementos da marca gráfica CASa. Esta proporção

letras na marca gráfica CASa foi aumentado para compensar as

assinatura visual.

não deverá ser modificada sob qualquer hipótese.

disparidades e proporcionar equilíbrio óptico.

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

2x

2x

2x

15,7x 19,7x

2x

ASSINATURA ALTERNATIVA

N

assinatura visual

Área de reserva

2x

2x

2x

2x

2x

2x

2x

2x

2x

2x

2x

2x

2x

2x

ASSINATURA PREFERENCIAL

2x

2x

ASSINATURA ALTERNATIVA

A assinatura visual da CASa deve ser sempre aplicada de maneira

Com o intuito de preservar a integridade da assinatura, existe uma

Definida a partir do módulo “x”, a margem de segurança é a área em

espaço também é fundamental para as assinaturas alternativas

nobre e arejada. Procure colocá-la, preferencialmente, numa posição

medida mínima para a área de reserva da marca gráfica. Ela age como

torno da assinatura visual que deve estar livre de outros elementos

(vertical e monograma), para as assinaturas das atividades de

de destaque sobre fundo branco, longe o suficiente de qualquer

espaço de proteção da assinatura de interferências causadas por

gráficos, como textos, fotos e outros logotipos. Deve-se guardar uma

formação da CASa e para o símbolo que compõe a marca gráfica,

interferência de outros elementos, como textos ou outras marcas.

outros elementos posicionados próximos à marca gráfica.

área mínima de dois módulos “x” em volta da imagem da marca. Esse

quando utilizado isoladamente.

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

assinatura visual

Assinatura conjunta

2x

Associações entre instituições é comum, mas pode se tornar complexa

marcas associadas. Além disso, as assinaturas sempre devem guardar

e deteriorar a unidade do sistema visual, se mal gerenciada. Por isso, é

boas proporções de tamanho e alinhamento. Tudo isso evita a poluição

importante definir diretrizes para assinatura conjunta que preserve a

do layout e favorece o reconhecimento e bom relacionamento visual

integridade visual das organizações com que a marca deseja se

das assinaturas.

REALIZAÇÃO:

associar. Assim, pode-se preservar o bom relacionamento entre as marcas e fortalecer a consistência do sistemas visuais parceiros.

REALIZAÇÃO:

Quando conjugada à marca da Universidade Federal do Ceará, a assinatura da CASa deve vir à esquerda ou acima. Essa é uma regra

Para garantir a coerência da integração entre as assinaturas, as normas

estabelecida para todos os órgãos internos da Universidade. A distância

deste manual devem ser respeitadas. Procure, também, conhecer e

entre as assinaturas deverá ser de um brasão, ou sete módulos, se

seguir as diretrizes dos sistemas visuais das marcas associadas.

contados a partir do diagrama da CASa. A proporção entre as marcas é

Lembre-se de nunca invadir a mínima área de reserva estabelecida

estabelecida pela altura dos logotipos, que deve ser igual. Além disso, a

para a marca da CASa. A conjugação entre as assinaturas deve respeitar

marca da UFC deverá utilizar sua assinatura composta que indica a

essa regra, que também é válida para os textos de indicação de

Pró-Reitoria de Graduação. Por ser um órgão amplamente conhecido

patrocínio, apoio e realização.

na Universidade, a assinatura conjunta com a PROGRAD informará

2x

REALIZAÇÃO:

sobre a localização hierárquica em que a CASa está inserida.

Em associações com apenas uma instituição, as marcas poderão ser usadas em suas cores originais. Nas assinaturas com três ou mais

REALIZAÇÃO:

marcas, deve-se usar a versão a traço, em preto ou branco, de todas as

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

assinatura visual

Redução máxima

Manter o design simples permite que as pessoas o reconheçam de modo

reduzidos, respeite a altura mínima de aplicação. Essa é a medida da

rápido e constante. A simplicidade também permite a reprodução nos

máxima redução permitida para a utilização da marca CASa para

menores tamanhos e em diversos suportes.

impressão em quadricromia off-set, serigrafia sobre papel e visualização em tela. Assim, é possível garantir a consistência da comunicação visual

Para preservar a legibilidade e a qualidade técnica de impressão e

em todos os materiais utilizados.

2cm

ASSINATURA PREFERENCIAL

2cm

ASSINATURA ALTERNATIVA

0,75cm

SÍMBOLO

0,75cm

MONOGRAMA

visualização em tela ao aplicar a assinatura visual da CASa em tamanhos

50px

ASSINATURA PREFERENCIAL

N

Manual de Identidade Visual

50px

ASSINATURA ALTERNATIVA

Comunidade de Cooperação e Aprendizagem Significativa

20px

SÍMBOLO

15px

MONOGRAMA

N

elementos grรกficos

elementos gráficos

Padrão cromático

As cores que compõem o padrão cromático da CASa são derivadas da paleta de cores da UFC. Essa é uma estratégia para expressar com sutileza a conexão entre o Programa e a universidade que o abriga. Além disso, trata-se de uma paleta que reúne cores frias e quentes, alegres e sóbrias, instáveis e equilibradas, intensas e neutras, trazendo adaptabilidade para se adequar a diversas atmosferas.

Em várias situações, a utilização das cores Pantone é inviável. Nestes

10 %

35 %

60%

85%

CMYK

CMYK

CMYK

CMYK

casos, usa-se o sistema CMYK, no qual se encontram cores equivalentes às do sistema Pantone. Mesmo sabendo que a correspondência não é integral, a conversão entre os padrões é muito comum no meio gráfico.

A cor é um elemento que exerce fascínio sobre o olhar. Sua presença no

Já a conversão de valores CMYK para RGB, especifica cores para uso em

100 50 10 25

100 0 100 0

0 60 100 0

0 15 80 15

mundo visível seduz, desperta sensações, expressa personalidade e

monitores. O sistema RGB jamais deve ser utilizado em meio impresso.

RGB

RGB

RGB

RGB

estimula associações. Ela é uma poderosa ferramenta na transmissão de

Essas cores só devem ser utilizadas para saída de vídeo (tv, multimídia) e

0 86 138

0 150 64

239 125 0

227 192 61

ideias e oferece varidas possibilidades de ser criativamente trabalhada.

as web safe RGB, ou hexadecimais, para websites e mídias móveis.

WEBSAFE

WEBSAFE

WEBSAFE

WEBSAFE

#00568a

#009640

#ef7d00

#e3c03d

Assim, uma das premissas para o bom funcionamento de um sistema de

A paleta traz, ainda, a conversão dos matizes CASa para paleta de cores

Pantone® PMS

Pantone® PMS

Pantone® PMS

Pantone® PMS

identidade visual é a definição de um código cromático coerente e

Suvinil. Indicadas para ambientes internos e externos, as linhas Suvinil

301C

355C

151C

123C

sistemático, com a função de manter a uniformidade cromática em

têm tintas com diferentes acabamentos. Indica-se, para a composição de

Cores Suvinil

Cores Suvinil

Cores Suvinil

Cores Suvinil

todos os pontos de contato da marca.

um ambiente agradável, a consulta a um desiner de interiores.

R339 - Oceano Pacífico

R312 - Verde-Bandeira

R226 - Pôr do Sol

R285 - Ipê-Amarelo

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

elementos gráficos

Padrão tipográfico

MUSEO SLAB 100

MUSEO SLAB 500

AaBbCC123

AaBbCC123

CASa. Universidade Federal do Ceará.

CASa. Universidade Federal do Ceará.

MUSEO SLAB 900

As tipografias são parte essencial de um programa de identidade eficaz. Com

AaBbCC123

personalidade especial e legibilidade inerente, elas devem fortalecer a estratégia de posicionamento da marca e criar uma imagem unificada e coerente.

CASa. Universidade Federal do Ceará.

A família tipográfica principal será o alfabeto prioritário em todos os momentos, principalmente em textos longos que compõem os materiais gráficos. O

MUSEO SLAB 900 ITALIC

MUSEO SLAB 100 ITALIC

MUSEO SLAB 500 ITALIC

AaBbCC123

AaBbCC123

AaBbCC123

CASa. Universidade Federal do Ceará.

CASa. Universidade Federal do Ceará.

CASa. Universidade Federal do Ceará.

conjunto adotado é a Museo Slab. Criada em 2009 pelo designer tipográfico Jos Buivenga, a fonte tem 12 estilos, 6 pesos e seus respectivos itálicos. Ela é uma tipografia com serifas racionais que transmite retidão e credibilidade com toda a simpatia e personalidade da família Museo.

MUSEO SLAB 700

AaBbCC123

AaBbCC123

MUSEO SLAB 1000

CASa. Universidade Federal do Ceará.

CASa. Universidade Federal do Ceará.

CASa. Universidade Federal do Ceará.

MUSEO SLAB 300 ITALIC

MUSEO SLAB 700 ITALIC

AaBbCC123

AaBbCC123

MUSEO SLAB 1000 ITALIC

CASa. Universidade Federal do Ceará.

CASa. Universidade Federal do Ceará.

MUSEO SLAB 300

AaBbCC123 AaBbCC123 CASa. Universidade Federal do Ceará.

Comunidade de Cooperação e Aprendizagem Significativa

N

elementos gráficos

Padrão tipográfico auxiliar

HELVETICA ROUNDED BOLD CONDENSED

AaBbCC123

CASa. Universidade Federal do Ceará.

HELVETICA ROUNDED BOLD OBLIQUE

O padrão tipográfico auxiliar será indicado para a composição de títulos,

Os arquivos de fontes tipográficas fornecidos neste manual visam

AaBbCC123

subtítulos, palavras-chave e textos curtos que compõem os materiais

apenas à visualização em tela, pelo cliente, dos layouts que integram este

gráficos. O conjunto é a Helvetica Rounded. Criada em 1980 pelo estúdio

sistema de identidade visual, não dando direito a seu uso para quaisquer

CASa. Universidade Federal do Ceará.

de design Linotype, a fonte tem 6 estilos, 3 pesos e seus respectivos

outras aplicações nem direito de repasse a fornecedores de serviços

itálicos. A Helvetica Rounded é símbolo da legibilidade, clareza e

(birôs, gráficas etc). Os arquivos para quaisquer destes usos devem ser

modernidade do estilo tipográfico internacional, além de personificar o

obtidos junto aos fornecedores destas fontes, conforme os termos de

carisma das fontes com acabamentos arredondados.

contrato de licenciamento.

HELVETICA ROUNDED BOLD CONSENSED OBLIQUE

HELVETICA ROUNDED BLACK

CASa. Universidade Federal do Ceará.

CASa. Universidade Federal do Ceará.

HELVETICA ROUNDED BOLD

HELVETICA ROUNDED BLACK OBLIQUE

CASa. Universidade Federal do Ceará.

CASa. Universidade Federal do Ceará.

AaBbCC123

AaBbCC123

AaBbCC123 AaBbCC123

Comunidade de Cooperação e Aprendizagem Significativa

N

variaçþes da assinatura

Adequação cromática

assinatura preferencial policromia positiva

assinatura preferencial policromia negativa

assinatura alternativa policromia positiva

assinatura alternativa policromia negativa

As variações quanto ao número de cores estão diretamente ligadas

assinatura alternativa outline poisitivo

aos processos utilizados na impressão e à flexibilidade de uso da marca. Por isso, elas são válidas tanto em situações geradas por economia de custo, como especificações técnicas do processo ou suporte utilizado, quanto em situações de harmonização visual.

É necessário que os elementos possam se adaptar tanto a situações de policromia como monocromia, estas últimas com meios tons que simulem os contrastes obtidos com a policromia. Da mesma forma, existe a necessidade de variações monocromáticas que não utilizem meios tons, ou seja, que sejam a traço. Nestes casos temos assinatura preferencial monocromia positiva

assinatura alternativa monocromia negativa

assinatura alternativa monocromia positiva

assinatura alternativa monocromia negativa

assinatura preferencial outline negativo

assinatura preferencial outline positivo

as inversões ou negativos, quando os elementos são registrados por áreas sem impressão ou com impressão em um tom uniforme único que contrasta com o fundo.

assinatura preferencial traço positivo N

assinatura preferencial traço negativo

assinatura alternativa traço positivo

assinatura alternativa traço negativo Manual de Identidade Visual

assinatura alternativa outline negativo Comunidade de Cooperação e Aprendizagem Significativa

N

variações da assinatura

Variações de cores na mídia

RECOMENDADO ALTERNATIVO

A cor é sensivelmente afetada pelos vários formatos de arquivos e pelas

VERSÃO EM POLICROMIA

reproduções gráficas. A experiência com esse elemento é vivida por

VERSÃO EM MONOCROMIA

VERSÃO EM TRAÇO SÓLIDO

diferentes observadores em vários cenários e contribui para a construção IMPRESSÃO EM

da consciência de marca. Garantir que reprodução das cores na marca

POLICROMIA

seja feita com ótima precisão é uma das diretrizes que integram a padronização básica e é parte do desafio que representa a proliferação de

IMPRESSÃO EM

novas ferramentas de mídia.

UMA COR

MÍDIA ELETRÔNICA

Para assegurar que a identidade da marca seja preservada, este manual

(INTERNET, MULTIMÍDIA)

traz a tabela ao lado. Ela tem por objetivo facilitar a escolha entre as vaiações de cor da marca CASa, levando em consideração as diferentes

EDITOR DE TEXTO (MICROSOFT WORD ETC)

necessidades de reprodução em variados suportes.

ANÚNCIO EM TV

BANNERS, POSTERS, CARTAZES ETC

BORDADO

SILK-SCREEN E RECORTE EM VINIL

GRAVAÇÃO EM RELEVO

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

Monograma

Um monograma é um elemento sintético que traz um design único, diferenciado e cheio de personalidade. Ele age como um instrumento mnemônico para o nome de uma empresa.

O monograma da CASa resume com excelência o conceito de construção da marca da CASa, é seu DNA. Ele integra as assinaturas das atividades de formação e, por seu comportamento pregnante, destaque e constância de uso, também funciona como referência e assinatura visual alternativa para cenários que exijam super-redução.

N

variações da assinatura

Grafismos

A utilização combinada de duas ou mais operações de simetria conduz à construção de sistemas de repetição conhecidos como Repeat (na língua inglesa) ou Rapport (origem francesa). A partir das formas que integram o símbolo e monograma CASa foram desenvolvidas padronagens gráficas, aqui denominadas grafismos. Elas ajudarão a compor e organizar visualmente as peças de comunicação do Programa.

Os padrões podem ser ampliados ou reduzidos conforme a necessidade de uso. Além disso, podem sofrer rotações ou mudanças na orientação espacial de seus elementos. Podem ganhar novas combinações de cores, mas devem utilizar aquelas previstas no padrão cromático deste guia.

Os arquivos com os grafismos que integram este manual estão disponíveis no formato Adobe Illustrator. A inclusão dos padrões no sistema e a frequência com que serão aplicados devem ser feitas com prudência, de modo a não enfraquecer os elementos primários (símbolo e logotipo). Estes devem ter maior destaque por sua força de pregnância.

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

variações da assinatura

Assinatura das atividades

Organizar a hierarquia das marcas dentro de uma mesma identidade traz

para área de reserva e assinatura conjunta da marca institucional também

consistência, ordem visual e verbal. A representação gráfica das

são válidas para essas assinaturas e deverão ser respeitadas.

assinaturas secundárias deve ser reflexo do inter-relacionamento com a marca principal. Toda instituição em desenvolvimento precisa avaliar

Quando necessário compor uma nova assinatura, deve-se utilizar

qual estratégia apoiará seu crescimento. No sistema de identidade visual

somente a fonte Helvetica Rounded Bold Condensed. O texto deve

da CASa, a assinatura institucional é a principal. Tudo está unificado e se

alinhar-se horizontalmente ao centro do monograma e guardar a

desenvolve ao redor dela.

distância de um módulo da extremidade direta do círculo azul que o

DIAGRAMA DE CONSTRUÇÃO

ÁREA DE RESERVA

compõe. Além disso, a assinatura deverá ter suas palavras inteiras (não As assinaturas das atividades de formação são combinadas com a versão

deverá ser hifenizada) e não invadir o limite mínimo de distância da

reduzida da marca CASa, o monograma. A forma com que os arcos se

extremidade direita do círculo verde: um módulo.

cruzam e a interseção entre os círculos são elementos que enaltecem a missão da CASa: promover a interação e o aprendizado efetivo. Assim,

O tamanho dos caracteres poderá ser escolhido entre os múltiplos de 5

fica claro que as atividades são promovidas pelo Programa. Por isso,

indicados no arquivo fornecido junto a este guia. Se houver necessidade

quando essas assinaturas forem utilizadas, não será necessário assinar

de escolher outro corpo, preserve a consistência do conjunto escolhendo,

com a institucional.

também, entre múltiplos de cinco. Mantenha o entrelinhas 5pt acima do tamanho da fonte e não modifique o entreletras (10pt). Procure conservar

O grid das assinaturas das atividades de formação segue a mesma lógica

o comprimento das linhas do texto o mais similar possível. Quando isso

de construção dos diagramas das assinaturas institucionais. O módulo “x”

for inviável, prefira manter a linha inferior mais longa. Depois de ajustar a

é referência da proporção entre os elementos. Ele equivale a 1/13 do

assinatura, transforme-a em curvas e só forneça a terceiros esta versão.

diâmetro da esfera que compõe o monograma. As diretrizes estabelecidas

Isso evitará modificações acidentais no texto.

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

variações da assinatura

Uso incorreto dos elementos

Ao promover a marca CASa, é indispensável manter a consistência para reforçar sua unidade e garantir seu reconhecimento e credibilidade. A assinatura não deve ser aplicada fora dos padrões expressos neste guia.

Comunidade de Cooperação a Aprendizagem Significativa

Os elementos ao lado têm como objetivo demonstrar aplicações incorretas comumente utilizadas. Elas devem ser evitadas para preservar a integridade da assinatura visual, o elemento mais importante de todo o sistema.

N

NÃO ALTERAR A ORDEM E DISTRIBUIÇÃO

NÃO ALTERAR A TIPOGRAFIA NO LOGOTIPO,

NÃO ALTERAR O POSICIONAMENTO

NÃO USE A ANTIGA ASSINATURA E SEUS

DAS CORES DA ASSINATURA

MESMO QUE SEMELHANTE À DA MARCA

DOS ELEMENTOS DA ASSINATURA

ELEMENTOS NA COMUNICAÇÃO DA MARCA

NÃO ALTERAR AS RELAÇÕES DE TAMANHO

EVITE A ROTAÇÃO DA ASSINATURA

NÃO ALTERAR A ANATOMIA E A PROPORÇÃO

NÃO APLICAR A MARCA EM CENÁRIOS

ENTRE OS ELEMENTOS DA ASSINATURA

VISUAL E SEUS ELEMENTOS

DOS ELEMENTOS DA ASSINATURA

QUE COMPROMETAM SUA LEGIBILIDADE

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

biblioteca digital

biblioteca digital

Glossário

marca

tagline

Uma marca é uma representação simbólica de uma série de informações sobre um

As taglines influenciam o comportamento do consumidor evocando uma

produto, um serviço, um grupo de produtos/serviços, ou uma instituição. A

resposta emocional. Uma tagline é uma frase curta que captura a essência, a

exposição visual de uma marca é constituída tipicamente por um nome (marca

personalidade e o posicionamento da marca e a diferencia de seus

nominativa) e por imagens ou conceitos que distinguem o produto, serviço ou a

concorrentes. A exposição frequente e consistente de uma tagline na mídia e

própria empresa (marca figurativa). Quando se fala em marca, é comum referir-se,

na cultura popular reforça a sua mensagem. Tradicionalmente usadas na

na maioria das vezes, a uma representação gráfica no âmbito da comunicação

propaganda, as taglines também são aplicadas em técnica colaterais de

visual. Uma marca pode ser representada graficamente pela composição de um

marketing como a peça central de uma estratégia de posicionamento.

símbolo ou logotipo, tanto individualmente quanto combinados. Logo, o conceito de marca é bem mais abrangente que a sua representação gráfica.

identidade visual Processo de programação sistêmica que envolve signos e suas aplicações através

logotipo

de modulações e relações proporcionais entre diferentes meios e suportes de

Pode-se dizer que, de maneira geral, um logotipo é uma das formas de

comunicação na busca de uma linguagem coesa e unificada, representativa de

representação visual de marcas nominativas. O desenho de um logotipo pode se

instituições, empresas ou corporações; definição de elementos visuais, assinatura,

basear na estilização de letras de fontes tipográficas pré-existentes ou na criação de

tipografia, cores, através de uma modulação construtiva integrada e normatizada,

um desenho original e específico para a composição da marca. Um logotipo pode

que resulta num comportamento visual distinto.

ser utilizado em associação com um símbolo. no entanto, várias marcas utilizam somente o logotipo em sua identidade visual, dispensando o uso do símbolo.

manual de identidade visual A normatização de um projeto de identidade visual se dá por meio do manual de

símbolo

identidade visual, em que estão dispostos todos os estudos de construção e

Sinal gráfico cujo objetivo é representar visualmente a marca de uma instituição.

aplicações da marca. O objetivo do manual é fornecer recursos para que os

De natureza figurativa ou abstrata, geralmente configura uma forma sintética,

elementos estruturais do projeto de identidade visual sejam aplicados corretamente

para facilitar a assimilação e reforçar a mensagem da marca. Empresas como Rede

em todos os níveis de informação nos quais a instituição o utiliza. É importante que

Globo, mercedes Benz e nike tem símbolos já tão reconhecidos pelo público que,

todas as normas estabelecidas no manual se jam seguidas corretamente para que os

em sua identidade visual, praticamente não utilizam a marca nominativa.

elementos visuais da identidade tenham consistência de aplicação.

Comunidade de Cooperação e Aprendizagem Significativa

N

biblioteca digital

adobe illustrator (ai)

portable document format (pdf)

Formato do programa Adobe Illustrator é o mais avançado em desenho

É um formato de arquivo, desenvolvido pela Adobe Systems em 1993,

vetorial. Indicado para alterações e junções com outros elementos gráficos.

para representar documentos de maneira independente do aplicativo, do

Compatível com os outros programas da Suíte Adobe e tem uma grande

hardware e do sistema operacional usados para criá-los. Um arquivo PDF

variedade de filtros para exportação do programa. Pode-se alterar o arquivo

pode descrever documentos que contenham texto, gráficos e imagens num

posteriormente para qualquer uso.

formato independente de dispositivo e resolução.

bicromia

pantone

Processo de impressão em duas cores, no qual, geralmente, utiliza-se o

Sistema de identificação de cores, combinação e comunicação de cores

sistema Pantone para especificação das cores. As duas cores utlizadas no

para resolver problemas associados com produção precisa de combinações

corel draw (cdr)

encapsulated post script (eps)

processo de bicromia podem se misturar, formando uma terceira tonalidade

de cores na comunidade de artes gráficas. Durante os últimos 40 anos, a

Formato do program a CorelDraw, o mais versátil e popular em desenho de vetores,

Indicado p/ execução de fotolitos e para alteração em outros programas

(e.g. azul + amarelo = verde).

Pantone expandiu o conceito do seu sistema de combinação de cores para

indicadopara alteração e interação com outros elementos gráficos. Também

vetoriais como o Free Hand e o CorelDRAW, ou programas matriciais

outras indústrias de cores críticas, incluindo tecnologias digitais, têxteis,

indicado para criação de imagens para grandes formatos.

modernos como o Photoshop.

cmyk

plásticos, arquitetura e interiores.

tag image file format (tiff)

true type font (ttf)

aos processos de impressão policrômicos. Baseia-se no princípio óptico de

pantone tpx

Resolução de mais alta qualidade para imagens fotográficas. É a melhor

Fontes True Type são um tipo de fonte desenvolvido pela Apple Computer

mistura das cores básicas (ciano, magenta, amarelo) para gerar todas as

Profissionais das áreas de moda e decoração em todo o planeta reconhecem,

versão de bitmap de gráficos de contorno duro - alternativo ao EPS quanto

no fim da década de 1980. O principal poder do TrueType era originalmente

outras cores. Refere-se a cores formadas por fontes de luz refletida (papel

no Sistema de cores têxteis Pantone, a ferramenta para uma especificação e

uma impressora Adobe Post Script não é disponível. Conveniente para

oferecer aos desenvolvedores de fontes um nível mais alto de controle sobre

por exemplo), nos quais onde a mistura das três cores básicas resulta em

comunicação globalizada de cores.

intercambiar arquivos de imagem entre plataformas de computadores.

precisamente como suas fontes seriam exibidas, até o nível do pixel, em

uma questão de limitação técnica: o princípio ótico de que a mistura das

rgb

joint photographer group (jpg)

cores básicas gera o preto, só acontece nas condições ideais (pigmentos

Sistema de cores aditivas formado por vermelho (Red), Verde (Green) e

É o mais popular e compatível formato gráfico. Como é baseado em matriz

open type font (otf)

perfeitos, papel 100% branco etc), que só existem em teoria. A mistura de

azul (Blue). Refere-se a cores formadas por fontes de luz direta (monitores,

é dependente da resolução para manter a qualidade, sendo inadequado

OpenType é um formato de fontes de computador escalável, inicialmente

ciano, magenta e amarelo gera uma tonalidade marrom-acinzentada, além

televisores etc), onde a soma das cores (vermelho, verde e azul) resulta em

para ampliações. Os arquivos contidos no CD estão com a resolução

desenvolvido pela Microsoft, e mais tarde em cooperação com a Adobe

de enxarcar o papel de tinta. Utilizando a tinta preta, elimina-se o problema

branco. As cores primárias do sistema rgb (vermelho, verde e azul) são cores

para reprodução até 10 x 10 cm, impressos ou para uma tela inteira de

Systems. Foi anunciado pela primeira vez em 1996, com um número

de saturação de tinta no papel e obtêm-se um preto mais intenso.

secundárias no sistema cmyk e vice-versa.

computador/video.

significante de fontes lançadas em 2000 e 2001.

Sistema de cores utilizado para a reprodução de imagens coloridas, comum

várias alturas de fontes.

preto. O preto, que não é considerado cor, faz parte do sistema cmyk por

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

biblioteca digital

Diretório de arquivos

Manter a qualidade de representação em um mundo no qual os

cuidado, podem causar perda de qualidade na reprodução. É essencial que

instrumentos estão em constante mudança é um desafio que não tem fim.

se disponibilize os arquivos da marca em formato vetorial. A maior

Os usuários têm necessidades urgentes, diferentes níveis de proficiência,

vantagem deste formato é que vetores podem ser redimensionados para

várias plataformas de software e um conhecimento imenso e diversificado

qualquer tamanho, sem que haja perda de suas propriedades estruturais.

de arquivos digitais, cores e qualidade.

Eles são a única fonte confiável para reprodução. Por isso, nunca digitalize artes já impressas. Não permita a digitalização de peças já impressas ou a

Nesta página aparece um índice dos arquivos eletrônicos da marca CASa

modificação de arquivos para que sejam utilizados de outras maneiras.

que estão disponíveis e que devem ser utilizados em todas as aplicações do

01

03

ASINATURA VISUAL

PADRÃO TIPOGRÁFICO

assinatura instutucional

família tipográfica principal

assinatura preferencial

museo slab

assinatura alternativa

família tipográfica auxiliar

símbolo

helvetica rounded

favico monograma

sistema de identidade visual. Arquivos formatados como imagem vetorial

Caso você precise de arquivos com características que não estejam

(EPS, AI, CDR) só podem ser utilizados em aplicativos gráficos, geralmente

presentes na Biblioteca Digital, entre em contato com a CASa e solicite os

02

de uso específico de profissionais da área de comunicação visual.

arquivos digitais.

PADRÃO CROMÁTICO

04 GRAFISMOS

paleta de cores

rapports

05 ASSINATURA DAS ATIVIDADES DE FORMAÇÃO

As imagem raster ou bitmap (JPG, GIF, TIFF, PNG) podem ser utilizados na maioria dos aplicativos (Office, navegadores e aplicativos gráficos).

Porém, ao sofrerem alterações ou mudanças de proporção, sem o devido

N

Manual de Identidade Visual

Comunidade de Cooperação e Aprendizagem Significativa

N

Créditos

PROJETO Revisão do sistema de identidade visual da CASa

RAMO DE ATIVIDADE Educação

CLIENTE Comunidade de Cooperação e Aprendizagem Significativa TEL 85 34985687 EMAIL casainstitucional@ufc.br SITE www.casa.ufc.br

EQUIPE DE DESIGN RESPONSÁVEL Joaquim Francisco Cordeiro Neto TEL 85 8655.4315 EMAIL falecomigo@chiconeto.com.br SITE www.chiconeto.com.br Karine Felipe Oliveira TEL 85 8799.6218 EMAIL karinefelipe2@gmail.com SISTEMA DE IDENTIDADE VISUAL CASa VERSÃO 1 - AGOSTO 2014