1. Marca

1.1. Aplicação Colorida

1.2. Aplicação em Tons de Cinza

1.3. Aplicação em Preto e Branco

1.4. Justificativa

A marca consiste num logotipo (texto escrito de maneira específica), em que cada palavra é

artisticamente desenvolvida a partir de seus respectivos significados. Ambas as palavras foram

escritas originalmente com a fonte Aharoni Bold.

O termo “ENERGIA” é preenchido por circuitos eletrônicos, além de haver a substituição do

caractere “I” por uma lâmpada. Os caracteres encontram-se contornados na cor alaranjada,

fazendo assim uma alusão ao logotipo da Coelce.

Por sua vez, o termo “SEGURA” foi preenchido com um cinza de tonalidade 66,58%,

transmitindo assim a sensação de algo concreto, sólido, durável.

2.Paleta de cores

2.1.Dados das cores

Cor 1 Cor 2 Cor 3 Cor 4 Cor 5

RGB

R 3 73 117 173 246

G 86 211 197 217 113

B 170 242 42 130 13

CMYK

C 98 70 41 20 0

M 49 13 0 0 54

Y 0 0 79 40 95

K 33 5 23 15 4

Cinza

% 71,74 17,66 28,41 17,54 51,72

2.2. Justificativa

O projeto tem como uma de suas características principais o aproveitamento de uma linguagem

de fácil compreensão, em razão de o público-alvo ser intelectualmente pouco privilegiado. Frente

a isso, foram escolhidas cores que correspondessem ao caráter desta linguagem, mas não

permitindo que as mesmas transmitissem monotonia.

Destacam-se tons de verde e azul, que são classificadas por natureza como cores frias,

correspondendo à proposta do jogo de humores calmos e amigáveis. Além disso, o alaranjado

faz-se presente, remetendo-se, também nesse caso, à identidade visual da Coelce, como à própria

idéia de energia, aspecto já familiar da cor. A harmonia inicial da paleta se dá devido ao

constraste complementar entre o azul e o laranja. Com a adição de tons verdes que se encontram

no intermédio entre as duas cores anteriores, paleta torna-se diversificada para conotação de

humores. Para escolha entre as tonalidades foram usadas harmonias análogas para os azuis e

harmonia monocromática para tons de verde.

3.0 Tipografia

3.1 Planilha de demonstração de tipos

• Familiares

THE BROWN FOX Jumps over the lazy dog

THE BROWN FOX Jumps over the lazy dog Calibri

THE BROWN FOX Jumps over the lazy dog

THE BROWN FOX Jumps over the lazy dog Quattrocento Roman

THE BROWN FOX Jumps over the lazy dog

THE BROWN FOX Jumps over the lazy dog Raleway

• Não-Familiares

THE BROWN FOX Jumps over the lazy dog

THE BROWN FOX Jumps over the lazy dog KG What the teacher wants

THE BROWN FOX Jumps over the lazy dog

THE BROWN FOX Jumps over the lazy dog Cartoonish

Hand

THE BROWN FOX Jumps over the lazy dog

THE BROWN FOX Jumps over the lazy dog Classic Round

3.2 Estudo da hierarquia

THE BROWN FOX | JUMPS OVER

recurso educacional That damned fox just keeps jumping! Read what that lazy ass dog has to say about

this nonsense of animals jumping over him.

Energia Segura

I wonder if these phrases could make me lose some points somehow. I hope not.

Whatever. I mean, it's not like I care anyway... Yes. That's right, it was a blef! Man,

you just see right trought me, don't you? Yeah, you don't. Anyway, ladies and

gentlemens, I introduce you again, the all-mighty Lorem Ipsum:

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.

Quattrocento Roman | Cartoonish Hand Bold | Quattrocento Roman Italic | Cartoonish

Hand | Classic Round Medium

THE BROWN FOX | JUMPS OVER

Energia Segura That damned fox just keeps jumping! Read here what that lazy ass dog has to say about it. And so much more!

Presenca no dia-a-dia das pessoas

The text on the actual animation will be very, very short. Like, at most at the

size of this paragraph. Anyway, only because of display purposes, enjoy some

Lorem Ipsum:

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.

Raleway | KG What the Teacher Wants | Calibri Italic | Raleway Bold | Cartoonish Hand

Bold

3.4 Estudo das Fontes

Classic Round

"It’s classic. It’s round. Classic design; present-day roundness. Versatile.

Soft. Warm. Peaceful. For text and display use. When using Classic

Round in small text sizes, it will be a reliable and legible workhorse.

When using it in big display sizes, it will show its interesting details."

- MyFonts on Classic Round

Quattrocento

"Quattrocento Roman is a Classic, Elegant, Sober and Strong typeface.

Their wide and open letterforms, and great x-height, make it very legible

for body text at small sizes.

And their tiny details that only shows up at bigger sizes make it also

great for display use."

- Impallari on Quattrocento

Raleway

"Raleway is an elegant sans-serif typeface, designed in a single thin

weight. It is a display face that features both old style and lining

numerals, standard and discretionary ligatures, a pretty complete set of

diacritics, as well as a stylistic alternate inspired by more geometric

sans-serif typefaces than it's neo-grotesque inspired default character

set."

- The League of Moveable Type on Raleway

3.5 Justificativa

Raleway

Raleway foi escolhida como parte da composição de fontes familiares por ser aserifadas e devido

as suas características harmoniosas e simplistas, contribuindo para um aspecto claro, direto e

leve enquanto ainda firme, agradável e elegante principalmente quando o uso é voltado para

títulos. É utilizada em sua variação de negrito.

Calibri

Calibri é uma fonte muito utilizada para leitura de textos longos até mesmo em tamanhos

pequenos. Porém o objetivo é garantidamente alcançado quando usado qualquer situação, tanto

como textos grandes e curto como título quanto o oposto, devido à sua característica retílinea,

aserifada e leve, que adequam-se ao mood que desejar. Foi escolhida por ser bastante versátel e

confiável, independente do propósito de uso e do tamanho de aplicação.

Classic Round & Quattrocento

Contando com mais personalidade, as fontes Classic Round e Quattrocento vão de muito agrado

junto com as outras escolhas. Quase contrastando entre si, a Classic Round tem um aspecto de

mais peso, simpatia e presença, enquanto a Quattrocento tem um visual bem mais leve, elegante

e formal, porém na medida certa. Juntas elas enriquecem bastante visualmente o aspecto de toda

a obra.

Cartoonist Hand

Fazendo parte da seleção de fontes não-familiares, a Cartoonist Hand foi escolhida devido a boa

harmonia que possui com a identidade visual do recurso. Suas características de handwritting

inserem um aspecto muito forte de personalidade dentro do recurso, principalmente por suas

curvas passarem uma imagem bastante amigável.

KG What the teacher wants

Essa fonte compõe ótimos resultados quando usada em tamanhos grandes, dando um display

bastante forte e pesado, mas ainda com um ar divertido. Foi escolhida para composição de títulos

mais dinâmicos e possível inspiração na criação de logos.

3.6 Referências

http://www.myfonts.com/fonts/durotype/classic-round/ acessado em: 25/01/2013

http://www.impallari.com/quattrocento acessado em: 25/01/2013

http://www.theleagueofmoveabletype.com/raleway acessado em: 25/01/2013

3.7 Links

http://www.google.com/webfonts/specimen/Raleway

http://www.fontsquirrel.com/fonts/classic-round

http://www.fontsquirrel.com/fonts/quattrocento-roman

http://www.dafont.com/kg-what-the-teacher-wants.font?a=on&e=on

http://www.fontsquirrel.com/fonts/SF-Cartoonist-Hand

4.0 Diagramação

Para a disposição e criação dos elementos no recurso foi-se aplicada alguma regras e teorias. A

utilização da Lei áurea de proporção foi fundamental. Desde o concept art dos personagens com

proporção de cabeca, tronco e pé, até a definição da tela de display do produto, todos são

influenciados pela regra de ouro.

Os personagens são feitos dentro de um retangulo áureo proporcional ao retângulo áureo maior

que representa a tela do recurso.

Outra teoria utilizada foi a Lei de Pareto (também conhecido como princípio 80-20), ajudou a

decidir a proporção cenário-personagem, resultando em personagens com 20% do tamanho da

tela do recurso, e a partir dessa proporção foi desenhado os cenários.

As regras de diagramação proposta por Robin Williams, Contraste, Repetição, Alinhamento e

Proximidade também foram muito bem explorados dentro do recurso:

Alinhamento e proximidade de elementos congruentes.

Separação de elementos diferentes (Menu, cidadãos, eletricistas, logo)

Repetição de elementos dentro do recurso (criação de padrões)

Constrastes entre tipos e suas relação de proximidade para diferenciação de elementos.