Você está na página 1de 22

Manual de Normas Grficas

Verso1.0
1.0| Julho
| Julho2014
2014
Verso

Manual de Normas Grficas . 1

NDICE
3

// A IDENTIDADE DO MARE

// LOGOMARCA

// REA DE PROTEO DA LOGOMARCA

// DIMENSO MNIMA DA LOGOMARCA

10

// CORES DA LOGOMARCA

11

// FORMATOS DA LOGOMARCA

12

// CORES DA IDENTIDADE VISUAL

12

Cores principais

13

Cores complementares

14

Cores para o logtipo e outras aplicaes tipogrficas

15

// ELEMENTOS GRFICOS DA IDENTIDADE VISUAL

15 Gradiente
16

Grficos dinmicos

17 Pictogramas
18

// TIPOGRAFIA

18

Fontes principais

18

Fonte complementar

19

// PROTEO DA LOGOMARCA

21

// PROTEO DA IDENTIDADE VISUAL

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 2

// A IDENTIDADE DO MARE
O MARE Centro de Cincias do Mar e do
Ambiente uma entidade com profundas ligaes
ao oceano.

DA SUPERFCIE TERRESTRE EST COBERTA DE GUA

A simplicidade e equilbrio esttico unem-se


atravs de um desenho minimalista, que reporta
igualmente para um conceito de conhecimento
de ponta e tecnologia usados para desenvolver
cincia.
Na sua gnese, existe um esprito de
modernidade e diferenciao das entidades j
existentes que transparece na identidade atravs
da abordagem a todos os domnios aquosos do
planeta, do marinho ao fluvial, passando pelo
estuarino.
Setenta e um por cento da superfcie terrestre
est coberta de gua.
Este o conceito subjacente ao smbolo e
identidade visual.
Este manual cumpre a funo de explicar os
elementos que constituem esta identidade, de
forma a que a sua aplicao possa ser efectuada
corretamente e com sucesso.

Verso 1.0 | Julho 2014

3 DOMNIOS: RIOS, ESTURIOS E MARES

INICIAL DE MARE

IMAGTICA MARINHA

Manual de Normas Grficas . 3

// LOGOMARCA
A logomarca a combinao do logtipo MARE
e do smbolo, e servir para identificar o MARE
e cada um das suas unidades constituintes aos
olhos dos seus interlocutores e do pblico geral.

Principal

A variante horizontal sem designao e sem


indicativos a forma mais simples e principal da
logomarca.
A relao entre o smbolo e o logtipo (posio
e tamanhos relativos desses elementos) foi
cuidadosamente estudada, e no deve ser
alterada em circunstncia alguma.
Esta regra vlida para todas as variantes da
logomarca (ver pginas seguintes).

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 4

// LOGOMARCA

A logomarca foi concebida nas seguintes


variantes: vertical e horizontal, com e sem
designao, com e sem indicativo dos plos de
investigao.
Horizontal

Com designao

Verso 1.0 | Julho 2014

Vertical

centro de
cincias do mar
e do ambiente

centro de
cincias do mar
e do ambiente

Manual de Normas Grficas . 5

// LOGOMARCA
Com indicativo da unidade de investigao

Verso 1.0 | Julho 2014

ISPA

UCoimbra

ULisboa

UAzores

Uvora

UNLisboa

Manual de Normas Grficas . 6

// LOGOMARCA
Com designao e indicativo da unidade de investigao
Horizontal

centro de
cincias do mar
e do ambiente
ISPA

Vertical

Verso 1.0 | Julho 2014

centro de
cincias do mar
e do ambiente
ISPA

centro de
cincias do mar
e do ambiente
UCoimbra

centro de
cincias do mar
e do ambiente
ULisboa

centro de
cincias do mar
e do ambiente
UAzores

centro de
cincias do mar
e do ambiente
Uvora

centro de
cincias do mar
e do ambiente
UNLisboa

Manual de Normas Grficas . 7

// REA DE PROTEO DA LOGOMARCA


A rea mnima de proteo da logomarca foi
definida para assegurar uma leitura eficaz.
Deve ser aumentada sempre que possvel.
Deve ser aplicada em todas as variantes da
logomarca.
Deve ser aplicada relativamente a outras
logomarcas, texto ou elementos grficos.

centro de
cincias do mar
e do ambiente
ISPA

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 8

// DIMENSO MNIMA DA LOGOMARCA


A rea mnima de proteo da logomarca foi
definida para assegurar uma leitura eficaz. Ainda
assim, deve ser aumentada sempre que possvel.
Deve ser aplicada em todas as variantes da
logomarca.

Dimenso mnima em suporte digital

Dimenses mnimas para impresso

20 px

6,5 mm

40 px

6,5 mm

12 mm
75 px

Nota:
As dimenses mnimas para definidas sistemas de
impresso com alta definio. Em sistemas de impresso
de baixa resoluo as dimenses devem ser revistas de
forma especfica.

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 9

A logomarca tem verses policromticas,


monocromticas, em gradiente de cinzentos, em
positivo e negativo, conforme comportamentos
sumariados ao lado.

Fundos fotogrficos

// CORES DA LOGOMARCA

Verso 1.0 | Julho 2014

Gradiente de cinzentos

As verses policromticas s devem ser


utilizadas em positivo, ou seja, sobre fundos
bastante claros.
Devem usar-se as verses em azul escuro da
logomarca apenas sobre fundos intermdios ou
claros.
Caso no seja possvel imprimir a cores, pode
utilizar-se a verso em negro sobre este tipo de
fundos.
As verses brancas da logomarca devem
usar-se em negativo, ou seja, sobre fundos
predominantemente escuros (incluindo o
gradiente definido na pgina 15).

Fundos de cor

de salientar a importncia de encontrar


solues que permitam a legibilidade da
logomarca contra fundos fotogrficos, evitando
que o fundo contenha demasiado rudo visual.

Manual de Normas Grficas . 10

// FORMATOS DA LOGOMARCA
A logomarca est disponvel em vrios formatos
de cor, cada um adequado a diferentes suportes:
cor Pantone para uso em impresso offset, cor
CMYK para impresso offset ou digital , cor RGB
para uso em suportes digitais. Nem sempre estes
formatos de cor so directamente conversveis.
Devido s caractersticas destes tipos de
reproduo, os formatos de ficheiro adequados
so tambm diferentes.
Logomarca principal

Os formatos que possibilitam a codificao


vectorial do desenho da logomarca (e.g. eps,
ai ou pdf) so os mais adequados para fins de
impresso (offset ou digital).
Os formatos no vectoriais (e.g. jpg ou png) so
os mais adequados e comunmente utilizados em
meios digitais (divulgao online de uma forma
genrica e vdeo).

Com designao
Horizontal

Com designao
Vertical

Seguidamente segue-se um sumrio das


variantes da logomarca entregues ao cliente.
Os formatos png e jpg referem-se a ficheiros de
alta resoluo.

Com designao
e plo de investigao (x6)
Horizontal

Com designao
e plo de investigao (x6)
Vertical

Cor: Pantone
Formato: .eps

Monocromtica Azul,
Monocromtica Negra (Positivo)

Monocromtica Azul,
Monocromtica Negra (Positivo)

Monocromtica Azul,
Monocromtica Negra (Positivo)

Monocromtica Azul,
Monocromtica Negra (Positivo)

Monocromtica Azul,
Monocromtica Negra (Positivo)

Cor: CMYK
Formato: .eps

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Cor: RGB
Formato: .png
com transparncia

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Policromtica,
Monocromtica Azul,
Monocromtica Negra (Positivo) ,
Monocromtica branca (Negativo)

Cor: RGB
Formato: .jpg

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 11

// CORES DA IDENTIDADE VISUAL


Cores principais
A identidade baseia-se em trs cores principais:
azul vvido, verde turquesa e azul escuro.
Em utilizaes tipogrficas, aconselha-se que o
uso do azul vvido e do verde turquesa se restrinja
aos ttulos.

AZUL VVIDO

AZUL ESCURO

PANTONE 298 C

PANTONE 303 C

CMYK 69% 7% 0% 0%

CMYK 100% 11% 0% 74%

RGB 19, 181, 234

RGB 0, 63, 95

HEX #1ab7ea

HEX #003f5f

Determinao e objectividade para

Oceano, seriedade, comunicao,

atingir grandes objectivos

confiana, serenidade, estabilidade

VERDE TURQUESA

75%

PANTONE 3262 C
CMYK 71% 0% 33% 0%
RGB 34, 188, 185
HEX #19bcb9
Natureza, equilbrio, regenerao

50%

25%

Nota tcnica: as cores so definidas para impresso


direta (PANTONE), impresso em quadricromia (CMYK),
reproduo digital e multimdia (RGB) e utilizao na Web
(sistema hexadecimal).

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 12

// CORES DA IDENTIDADE VISUAL

Cores complementares
Para complementar as cores principais, por
exemplo para desenvolver aplicaes em
suportes de comunicao ou grficos em
relatrios, podem usar-se cores secundrias - o
prpura e o laranja brilhante.

PRPURA
PANTONE 254 C
CMYK 50% 100% 0% 0%
RGB 146, 39, 143
HEX #92278f

LARANJA BRILHANTE

75%

PANTONE 151 C
CMYK 0% 66% 88% 0%
RGB 244, 219, 53
HEX #f47735

50%

25%

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 13

// CORES DA IDENTIDADE VISUAL

Cores para o logtipo e outras aplicaes tipogrficas

Para favorecer o contraste entre o texto e os


restantes elementos grficos, podem usar-se o
negro e o cinzento, especialmente para aplicao
de tipografia sobre fundos claros.
Sobre fundos escuros (inclusive sobre as trs
cores principais) deve usar-se o branco.

CINZENTO

NEGRO

PANTONE 425C

PANTONE BLACK 6C

CMYK 0% 0% 0% 80%

CMYK 0% 0% 0% 100%

RGB 88, 89, 91

RGB 0, 0, 0

HEX #58595b

HEX #000000

BRANCO
PANTONE CMYK RGB 255, 255, 255
HEX ##ffffff

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 14

// ELEMENTOS GRFICOS DA IDENTIDADE VISUAL


Gradiente
Um gradiente entre as duas cores principais para
uso na logomarca, em pictogramas e cores de
fundo.

-70

A
UES
Q
R
U
C
DE T
262
VER
0%
3
E
ON
38%
T
N
%
PA
%0
K 76
Y
CM
179
191,
,
0
RGB
fb3
00b
#
HEX

Verso 1.0 | Julho 2014

VID

V
ZUL

C
298
0%
E
N
0%
TO
N
%
A
P
%2
K 67
Y
230
CM
182,
,
5
6
RGB
6e6
41b
#
HEX

Manual de Normas Grficas . 15

// ELEMENTOS GRFICOS DA IDENTIDADE VISUAL

Grficos dinmicos
Criou-se um pequeno conjunto de elementos
grficos com base em seces concntricas de
um crculo, de elevada utilidade, por exemplo, para
uso em animaes em suportes divulgativos em
vdeo.
As combinaes apresentadas so apenas
algumas das possveis.
As aplicaes aconselhadas devem:
a) ter contraste com os fundos onde esto
aplicadas;
b) utilizar preferencialmente as i) cores da
identidade visual, ii) o gradiente ou iii) fotografias;
c) se se utilizar a transparncia ou se inserirem
imagens dentro dos grficos, isto deve ser feito
de forma a criar alguma descontinuidade entre
seces concntricas adjacentes.

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 16

// ELEMENTOS GRFICOS DA IDENTIDADE VISUAL

Pictogramas
A identidade da marca MARE dispe desde j de
um conjunto de pictogramas, que podero formar
uma biblioteca crescente de cones disponveis
para criar diversos suportes de comunicao.
As aplicaes aconselhadas devem utilizar
preferencialmente as i) cores da identidade
visual ou ii) o gradiente. No mesmo documento,
todos os pictogramas devem ter a mesma cor.
Eventualmente seces diferentes podero
utilizar pictogramas de cores diferentes,
utilizando uma nica cor dentro de cada seco
do documento.
O uso excessivo destes elementos dever ser
evitado, sob custo de infantilizar a imagem do
MARE e de criar demasiado rudo visual numa
identidade que foi concebida como minimalista.

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 17

// TIPOGRAFIA
A tipografia do logtipo provm da famlia Apex
New.
Principal
Todos os documentos devem utilizar a famlia de
fontes tipogrficas Apex New, tendo como fontes
principais as variantes Book e Medium, e quando
necessrio as verses itlicas destas fontes.
Esta famlia de fontes rene a
contemporaneidade versatilidade desejveis
para a tipografia dos documentos oficiais do
MARE.
Complementar
Para utilizao pela comunidade na escrita de
textos de cartas, correio eletrnico, faxes e
comunicados internos selecionou-se uma fonte
disponvel na maioria dos sistemas operativos, a
Georgia.

Fontes principais

Apex New Book, 24pts.


ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890.,:;! ?
Apex New Medium, 24pts.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890.,:;! ?

Fonte complementar

Georgia, 22 pts.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890.,:;! ?

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 18

// PROTEO DA LOGOMARCA
Eis alguns exemplos da utilizao INCORRECTA
da logomarca do MARE, que NUNCA devem
suceder.

Alterao das cores da


logomarca para alm das verses
pr-definidas

Alterao da posio dos


elementos da logomarca

Verso 1.0 | Julho 2014

Utilizao do logtipo isolado


do smbolo lado a lado com outras
logomarcas

Alterao das propores da


logomarca

Inclinao da logomarca

Aplicao inadequada sobre


fundos de cor

Aplicao inadequada sobre


fotografias ou padres

Utilizao de linhas de contorno

Manual de Normas Grficas . 19

// PROTEO DA LOGOMARCA

Alterao da designao

Utilizao de efeitos grficos


sobre a logomarca

Alterao de tipografia na
logomarca

MARE

Centro de Cincias
do Mar e do Ambiente

Erfera poriae conet


pa et destiis sed est
eum nos explaut est
quia coremquid eum
expla

ISPA

Alterao da inclinao da
logomarca

Violao da rea de proteo da


logomarca

Violao das dimenses


mnimas da logomarca

Aplicao de molduras
logomarca

Aplicao da logomarca em
gradiente de cinzentos

MARE

Verso 1.0 | Julho 2014

Manual de Normas Grficas . 20

// PROTEO DA IDENTIDADE VISUAL


Eis alguns exemplos da utilizao INCORRECTA
da identidade visual do MARE, que no devem
suceder.

Utilizao de tipografia
incorrecta em documentos do MARE

Utilizao de minsculas na
palavra MARE

Utilizao de cores incorrectas


no gradiente (ver pp. 15)

Utilizao de inclinao
incorrecta no gradiente (ver pp. 15)
-90

Erfera poriae conet pa et destiis sed est eum nos


explaut est quia coremquid eum expla

Utilizao de cores incorrectas


nos grficos dinmicos

Verso 1.0 | Julho 2014

Mare

Utilizao incorrecta de
fotografias nos grficos dinmicos

Utilizao de cores incorrectas


nos pictogramas

Utilizao de cores mltiplas


nos pictogramas no mesmo
documento

Manual de Normas Grficas . 21

Copyright GOBIUS comunicao e cincia 2014


Verso 1.0 | Julho 2014

Manual de Normas Grficas . 22