PROJECTO CICLORIA

UNIVERSIDADE DE AVEIRO :: NTC :: UNIDADE CURRICULAR DE PROJECTO

c cloria MANUAL DE
ESPECIFICÃO GRÁFICA

Trabalho realizado por:

Anabela Santiago
Bruno Fernandes
Nuno Oliveira
Tiago Martins
 ELEMENTOS PRINCIPAIS DO LOGO

A identidade visual do logotipo do projecto Cicloria tem três elementos principais: logo, cores e tipografia.
O nosso logótipo pretende transmitir a ideia da prática do ciclismo enquanto fonte de prazer, apelando assim à utilização de um meio de transporte suave.

LOGO: COR: TIPOGRAFIA:

É a partir dessa premissa que surge a colocação
de um ciclista, em substituição do "i", mas numa
postura vertical, que pretende transmitir ao
utilizador a ideia de lazer em contraponto a uma
postura horizontal, usualmente associada ao
ciclismo de competição. Assim, usando essa
imagem pretendemos invocar a ideia de lazer e
recordações de alegres passeios de bicicleta.
Já as cores e dimensões do logótipo foram
assunto de grande experimentação e pesquisa,
até atingirmos as actuais, que nos permitem
garantir total coerência estética com a globali-
dade do projecto. Esta coerência estética será a
base do suporte visual para a afirmação e
divulgação da marca CicloRia.
A utilização do branco deve-se à ideia de paz e VAG Rounded Std
tranquilidade que a cor transmite. Estas duas abcdefghijklmnopqrstuvwxyz
ideias estão por detrás do produto que visa ABCDEFGHIJKLMNOPQRSTUVWXYZ
potenciar hábitos de vida saudáveis e momento 1234567890
de lazer na prática do ciclismo. A estas ideias
conjuga-se o verde, vulgarmente associado a
natureza, juventude e calma. As ideias transmi-
tidas por estas cores são o suporte da marca e
os princípios através dos quais se pretende
afirmar no mercado.
VERDE: #C4D82D
BRANCO: #FFFFFF

c cloria
 ÁREAS DE PROTECÇÃO / TAMANHO

ÁREAS DE PROTECÇÃO / TAMANHO

25%

50%

75%

100%
 APLICAÇÃO SOBRE FUNDOS / VERSÕES

VERSÃO POLICROMÁTICA:

VERSÃO POLICROMÁTICA 1 :

VERSÃO POLICROMÁTICA 2 :

EXEMPLO DE UTILIZAÇÃO INDEVIDA:

 ÍCONES PARA MAPA

ÍCONES COR/GRADIANTE TAMANHO

Ciclovia 100% 50% Altura:34 px Largura:26 px

#C4D82D

Type: Linear Ângulo: 90º

Fotos 100% 50% Altura:34 px Largura:26 px

#FBB03B

Type: Linear Ângulo: 90º

Restaurantes 100% 50% Altura:34 px Largura:26 px

#FBB03B

Type: Linear Ângulo: 90º

Farmácias 100% 50% Altura:34 px Largura:26 px

#7AC943

Type: Linear Ângulo: 90º

100% 50%
Posto de Turismo Altura:34 px Largura:26 px
#29ABE2

Type: Linear Ângulo: 90º

100% 50%
Cultura Altura:34 px Largura:26 px
#8C6239

Type: Linear Ângulo: 90º

100% 50%
Alojamento #2E3192 Altura:34 px Largura:26 px

Type: Linear Ângulo: 90º

100% 50%
Parque de Campismo #339900 Altura:34 px Largura:26 px

Type: Linear Ângulo: 90º

 ÍCONES PARA MAPA

ÍCONES ÍCONES APLICADOS NO MAPA

Ciclovia

Fotos

Restaurantes

Farmácias

Posto de Turismo

Cultura

Alojamento

Parque de Campismo
 TIPOGRAFIA USADA NO SITE E LOGO

• Design date: 1979

•Displayed Version: Mac & Win OpenType - PostScript Flavor (.otf)
•Source Foundry: Adobe
•Design Foundry: Linotype , Unknown
•Designer: Volkswagen
•Classification: Geometric Sans , Sans Serif

VAG Rounded Std Light

Caracteres da Tipografia
ABCDEFGHIJKLMNOPQRSTUVWXYZÁÉÍÓÚÀÃÕ
abcdefghijklmnopqrstuvwxyzáéíóúàãõ
1234567890.:,; ‘ “(!?) +-*/= {}[]Çç€@#

Tamanhos da Tipografia
10px - The quick brown fox jumps over the lazy dog.1234567890
12px - The quick brown fox jumps over the lazy dog.1234567890
14 px - The quick brown fox jumps over the lazy dog.1234567890

Paleta de cores da Tipografia

#E5E5E5 #333333
 TIPOGRAFIA USADA NO SITE

• Design date: 1996

• Displayed Version: Mac & Win OpenType - PostScript Flavor (.otf)
• Source Foundry: Microsoft Corporation
• Design Foundry: Microsoft Corporation
• Designer: Matthew Carter, Tom Rickner
• Classification: WGL

Verdana Regular Verdana Regular

Verdana
Caracteres tipográficos
ABCDEFGHIJKLMNOPQRSTUVWXYZÁÉÍÓÚÀÃÕ
abcdefghijklmnopqrstuvwxyzáéíóúàãõ
1234567890.:,; ‘ “(!?) +-*/= {}[]Çç€@#

Tamanhos da Tipografia
10px - The quick brown fox jumps over the lazy dog.1234567890
11px - The quick brown fox jumps over the lazy dog.1234567890
12px - The quick brown fox jumps over the lazy dog.1234567890
14 px - The quick brown fox jumps over the lazy dog.1234567890
Paleta de cores da Tipografia

#E5E5E5 #808080 #4D4D4D

 GUIA DE CORES

Header Texto, Links e destaques Background conteudos Padrão alternado de cores

#333333 #C4D82D #F9F9F9 #F1F1F1

Menu vertical, Nome utilizador Menu vertical, Opções Confirmação Alertas de Input e Avisos críticos
#DADADA #C4D82D #00A04B #EB1C24