Академический Документы
Профессиональный Документы
Культура Документы
Sumrio
Apresentao
04
Pattern secundrio
42
Pilares da marca
06
Subgrfico 44
Essncia da marca
16
Estilo Fotogrfico
46
Viso estratgica
18
Tipografia
50
Elementos visuais
20
Cores
52
A Marca
22
54
Variaes de smbolo
24
So Paulo Turismo
56
26
Governo e entidades
58
28
Parceiros
60
28
Terceiros
62
32
Regras de convivncia 64
Verso in motion
34
Cuidados na veiculao
36
Usos Indevidos
38
Pattern preferencial
40
Aplicaes
68
Originais eletrnicos
92
Apresentao
A marca So Paulo muito mais do que uma campanha de
divulgao. uma ideia que todos podem usar para promover a
cidade como um destino nico de lugares, servios, pessoas e ideias.
Esta uma maneira de melhorar a identidade visual da cidade,
agregar confiana e credibilidade nossas mensagens. Todos os
tipo de de comunicao da marca tero uma melhor performance e
uma aplicao consistente se seguirem os princpios deste livro.
Este guia foi feito para inspirar e auxiliar todos aqueles que de
alguma forma ajudam a construir a marca de So Paulo.
Os princpios aqui apresentados devem ser seguidos
rigorosamente a fim de auxiliar na comunicao da marca.
pilares da marca
queremos comunicar?
arina
M
Cora
tto
Procuramos
o inesperado
inus
itado
emoo
a
s
e
r
t
fo
a
nci
Pim
eri
ta
en
aio
C
o:
exp
p
r
u
s
o
fot
on
rs
ffe
: Je
ieri
c
Pan
n
co
ste
tra
co
un
id
es
fot
o
ad
: Fe
Respeitamos
as diferenas
rna
nda
Asc
a
socie
dade
arli
th
cu
ltu
ra
10
11
o:
fot
o
a
ulg
Div
pr
Pr
is
cil
la
Vil
ari
o
az
er
in
ov
Vivemos
o presente
12
re
in
so
ve
foto
diver
ri
ncie
n Pa
erso
: Jeff
im
x
fo
t
o:
Ca
io
Pi
en
ta
13
:
to
fo
i
Ca
o
en
m
Pi
Pa
n
cie
ri
os
up
gr
ta
fo
t
o:
Je
ffe
r
so
Somos
comunidades
Enquanto So Paulo cresce, as pessoas distanciam-se
umas das outras e perdem contato humano. Somos
atrados pelo diferente e particular. Tentamos resgatar
um pouco da familiaridade perdida, criando uma
atmosfera de vilarejo em nossas cidades.
As marcas devem gerar confiana e integrao entre
a
r
g
te
in
e
d
a
d
i
iliar
fam
:C
aio
Pim
en
14
indiv
duos
ta
15
ta
en
o:
t
fo
io
Ca
Pim
essncia da marca
o:
fot
viva
tudo
isso
io
Fb
o
eir
nh
nta
Mo
ri
cie
on
o:
t
fo
a
a
ir
ve
Sil
io S
ilveir
io
Ca
Je
:
to
fo
foto
: Ca
o:
fot
n
Pa
rs
ffe
n
so
r
ffe
Je
ri
cie
n
Pa
16
17
viso estratgica
Subjetivo
valores da marca:
Contedo e
Mensagem
Marketing
Turstico
Em So Paulo
acontece
de tudo
Experimente
viver onde tudo
acontece
Valorizao
da marca
Cria valor
da marca
Objetivo
viva tudo
isso!
Negcios
Identidade
Visual
ex: marca,
tipografia, cores,
fotografias
Produtos
Licenciados
Potencial da marca
Expresso da marca
Valorizao da marca
18
19
elementos visuais
marca
marca
cores
cores
pattern
pattern
fotografia
fotografia
subgrficos
subgrficos
tipografia
tipografia
20
marketingmarketing
typeface typeface
21
marca
preferencial
A marca o principal elemento da identidade
visual de So Paulo. Nela est a traduo grfica
da proposta e do papel de So Paulo como uma
cidade onde voc pode viver experincias nicas.
A posio dos elementos pode ser alterada, mas
fundamental que sejam observadas as regras
deste guia para que se preserve a integridade e a
legibilidade da marca em qualquer situao.
22
23
variaes
de smbolo
A marca pode ser aplicada em diferentes
variaes de smbolos, seguindo os
padres descritos neste manual.
A variao freqente do smbolo ajuda
a representar a ideia de que So Paulo
uma cidade que est sempre se
movendo e surpreendendo.
Para isso, recomenda-se utiliz-la
sempre a partir de originais eletrnicos.
24
25
verses sobre
fundos coloridos
Deve-se tomar cuidado com a aplicao
da marca sobre uma gama muito grande
de fundos. As cores devem sempre manter
contraste com relao ao fundo.
Para isso, recomenda-se utiliz-la sempre
a partir de originais eletrnicos.
26
27
verses com
descritivo
Alm da verso preferencial, a marca So Paulo
tambm possui duas outras verses de aplicao
com os descritivos "cidade de", "city of" e "ciudad de"
conforme representado ao lado.
Estas verses devem ser utilizadas somente em
casos especficos, quando existe a necessidade de
comunicar o descritivo da cidade.
28
29
verses de
uso restrito
As verses de uso restrito so utilizadas
apenas em casos excepcionais (por limitaes
tcnicas, por exemplo), sempre examinados
com rigor e sujeitos aprovao dos
responsveis pela gesto da marca.
30
31
viva
tudo
isso
verses
com tagline
Existe a opo de uso da marca
acompanhada do tagline viva tudo
isso em portugus, "viva todo esto" em
espanhol e "experience it!" em ingls.
As regras para este tipo de aplicao
esto definidas ao lado.
32
viva
tudo
isso
viva
todo
esto
experience it!
33
in motion
A marca possui duas verses digitais. Uma
verso que se apresenta em loop e constante
movimento, que deve ser utilizada em
aplicaes como internet e vdeos. E outra
verso para ser utilizada na assinatura de
filmes e spot publicitrios. Observe os arquivos
contidos no cd como referncia de animao.
0.1s
34
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
35
cuidados
na veiculao
Para garantir o impacto visual e a
legibilidade da marca, deve-se respeitar
as especificaes sobre rea de
no-interferncia e dimenso mnima
apresentadas neste guia.
A rea de no-interferncia
A rea de no-interferncia deve ser equivalente a, no
mnimo, a altura da letra P em relao aos limites do campo
grfico demarcado acima pela linha tracejada interna.
Reduo mnima
A reduo mnima tem como objetivo preservar a
legibilidade da marca So Paulo. Para tanto, devem-se
respeitar as dimenses estipuladas. A medida indicada
acima determina o tamanho mnimo para veiculao
em peas grficas em geral.
36
10mm
37
usos indevidos
No alterar as cores
No rotacionar
No distorcer
pattern
preferencial
O pattern um dos elementos visuais
que integram a marca So Paulo e pode
ser empregado na criao de materiais
institucionais e promocionais.
Exemplo de Aplicao
40
41
pattern
secundrio
Os patterns tambm podem ser
aplicados em padres monocromticos,
conforme apresentado ao lado.
Para isso, recomenda-se utiliz-los
sempre a partir de originais eletrnicos.
42
43
subgrficos
Os subgrficos so elementos visuais
que integram a marca So Paulo. Seu
uso pode ser empregado na criao de
materiais institucionais e promocionais.
O subgrfico malevel e pode ser
modificado desde que as perspectivas
nunca sejam alteradas. Todas as formas
devem convergir para um nico ponto,
conforme ilustrado ao lado.
44
45
kazi
estilo fotogrfico
expresso
contrastes
46
expanso
perspectiva
kazi
velocidade
Edu Ikeda
diversidade
fotografia original
fotografia ajustada
cor
layer superior
colorida com
efeito overlay
layer inferior
fotogrfica
sem efeitos
estilo fotogrfico
layer superior
fotogrfica com
efeito hard light
layer inferior
colorida
sem efeitos
Efeitos de transparncia do
AdobePhotoshop - como overlay e hard
light - podem ser utilizados em conjunto
com as cores da tabela - e se bem utilizados
- proporcionam resultados relevantes,
conforme exemplificado ao lado.
layer superior
colorida com
efeito overlay
layer inferior
fotogrfica
sem efeitos
layer superior
fotogrfica com
efeito hard light
layer inferior
colorida
sem efeitos
48
49
tipografia
A tipografia um componente de grande
importncia para a marca So Paulo.
por meio dela que comunicamos
nossas mensagens.
A famlia tipogrfica de apoio a Museo Sans,
que apresenta boa leitura e conta com
vrios estilos e pesos.
Dever ser utilizada em ttulos, textos,
informaes de destaque em materiais
promocionais, folhetos, cartas, materiais
institucionais, mdias digitais, entre outros.
Em casos especficos, para apresentaes,
e-mails e materiais digitais, admite-se a
utilizao da tipografia Arial.
seja direto!
Museo Sans 100
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
1234567890 !@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
1234567890 !@#$%^&*()
50
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
1234567890 !@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
1234567890 !@#$%^&*()
51
cores
As porcentagens indicadas em CMYK
so vlidas para impresso offset
quadricrmica em escala Europa. Para
uso em mdia eletrnica, usar referncias
RGB e Hexadecimal.
Para todas as outras formas de
veiculao, utilizar escala Pantone na
referncia Coated para obter as cores
por aproximao visual.
52
Vermelho MASP
Amarelo Liberdade
Verde Ibirapuera
Azul Paulista
Azul Tiet
Pantone 192C
C0 M100 Y80 K0
R234 G27 B54
Hex #ea1b36
Pantone 123C
C0 M20 Y100 K0
R255 G200 B8
Hex #ffc808
Pantone 375C
C40 M0 Y100 K0
R166 G206 B57
Hex #a6ce39
Pantone 2925C
C80 M35 Y0 K0
R0 G136 B207
Hex #0088cf
Pantone 2945C
C100 M80 Y30 K20
R0 G62 B108
Hex #003e6c
53
cenrios de convergncia
1 So Paulo Turismo
2 Governos e Entidades
3 Parceiros
4 Terceiros
54
55
cenrios de convergncia
1 So Paulo Turismo
Dentro e fora do Brasil
A marca So Paulo fica em primeiro plano e com
destaque. As demais marcas relacionadas estaro
em segundo plano e com pesos iguais.
56
57
cenrios de convergncia
2 Governos e Entidades
Fora do Brasil
A marca So Paulo fica em primeiro plano e com destaque.
A marca da entidade governamental fica em segundo plano
e com menor destaque.
58
59
cenrios de convergncia
3 Parceiros
Fora do Brasil
A marca So Paulo fica em primeiro plano e com destaque.
A marca do associado ou parceiro fica em segundo plano
e com menor destaque.
60
61
cenrios de convergncia
4 Terceiros
So usurios no especificados neste guia, mas
que possuem autorizao para a utilizao da
marca So Paulo. Interessados em se tornar
usurios da marca So Paulo devem requerer
autorizao junto So Paulo Turismo pelo
e-mail: marcasp@spturis.com
Exemplo de aplicao
da marca por terceiros.
62
63
regras de
convivncia
MARCA
GOVERNO
MUNICIPAL
MARCA
GOVERNO
ESTADUAL
MARCA
GOVERNO
FEDERAL
64
65
regras de convivncia
MARCA
GOVERNO
MUNICIPAL
Relao com outras marcas
MARCA A
MARCA B
MARCA C
altura mxima 3P
altura mxima 3P
altura mxima 3P
MARCA
GOVERNO
FEDERAL
MARCA A
66
MARCA
GOVERNO
ESTADUAL
MARCA B
MARCA C
67
exemplos de aplicaes
pratique o que
voc aprendeu!
So Paulo um lugar extraordinrio, onde voc pode encontrar tudo
o que precisa de uma forma surpreendente! preciso ter certeza de
que as pessoas iro perceber todas as vantagens de So Paulo em
todas as formas de comunicao.
Estes exemplos de aplicaes apresentam um parmetro geral das
diversas formas de comunicao que podem ser utilizadas na marca
So Paulo. O sistema de identidade visual foi desenvolvido para
apresentar da melhor forma o conceito "viva tudo isso".
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
originais eletrnicos
SP01_A_POS_CMYK
SP01_A_POS_RGB
SP01_A_NEG_CMYK
SP01_A_NEG_RGB
SP01_A_RED_CMYK
SP01_A_RED_RGB
SP01_A_AMA_CMYK
SP01_A_AMA_RGB
SP01_A_VER_CMYK
SP01_A_VER_RGB
SP01_B_POS_CMYK
SP01_B_POS_RGB
SP01_B_NEG_CMYK
SP01_B_NEG_RGB
SP01_B_RED_CMYK
SP01_B_RED_RGB
SP01_B_AMA_CMYK
SP01_B_AMA_RGB
SP01_B_VER_CMYK
SP01_B_VER_RGB
SP01_C_POS_CMYK
SP01_C_POS_RGB
SP01_C_NEG_CMYK
SP01_C_NEG_RGB
SP01_C_RED_CMYK
SP01_C_RED_RGB
SP01_C_AMA_CMYK
SP01_C_AMA_RGB
SP01_C_VER_CMYK
SP01_C_VER_RGB
SP01_D_POS_CMYK
SP01_D_POS_RGB
SP01_D_NEG_CMYK
SP01_D_NEG_RGB
SP01_D_RED_CMYK
SP01_D_RED_RGB
SP01_D_AMA_CMYK
SP01_D_AMA_RGB
SP01_D_VER_CMYK
SP01_D_VER_RGB
SP01_D_POS_1 COR
SP01_D_NEG_1 COR
cdigo da verso
aparncia
positivo (POS)
negativo (NEG)
fundo vermelho (RED)
fundo verde (VER)
fundo amarelo (AMA)
formato do arquivo
.ai (vetorial)
.tiff (alta resoluo)
.jpg (baixa resoluo)
SP01_A_POS_CMYK.AI
identificador
marca So Paulo
92
variao de
smbolo
A, B, C ou D
cor
CMYK
RGB
1 COR
93
SP02_A_POS_CMYK
SP02_A_POS_RGB
SP02_A_NEG_CMYK
SP02_A_NEG_RGB
SP02_A_RED_CMYK
SP02_A_RED_RGB
SP02_A_AMA_CMYK
SP02_A_AMA_RGB
SP02_A_VER_CMYK
SP02_A_VER_RGB
SP03_A_POS_CMYK
SP03_A_POS_RGB
SP03_A_NEG_CMYK
SP03_A_NEG_RGB
SP03_A_RED_CMYK
SP03_A_RED_RGB
SP03_A_AMA_CMYK
SP03_A_AMA_RGB
SP03_A_VER_CMYK
SP03_A_VER_RGB
SP02_B_POS_CMYK
SP02_B_POS_RGB
SP02_B_NEG_CMYK
SP02_B_NEG_RGB
SP02_B_RED_CMYK
SP02_B_RED_RGB
SP02_B_AMA_CMYK
SP02_B_AMA_RGB
SP02_B_VER_CMYK
SP02_B_VER_RGB
SP03_B_POS_CMYK
SP03_B_POS_RGB
SP03_B_NEG_CMYK
SP03_B_NEG_RGB
SP03_B_RED_CMYK
SP03_B_RED_RGB
SP03_B_AMA_CMYK
SP03_B_AMA_RGB
SP03_B_VER_CMYK
SP03_B_VER_RGB
SP02_C_POS_CMYK
SP02_C_POS_RGB
SP02_C_NEG_CMYK
SP02_C_NEG_RGB
SP02_C_RED_CMYK
SP02_C_RED_RGB
SP02_C_AMA_CMYK
SP02_C_AMA_RGB
SP02_C_VER_CMYK
SP02_C_VER_RGB
SP03_C_POS_CMYK
SP03_C_POS_RGB
SP03_C_NEG_CMYK
SP03_C_NEG_RGB
SP03_C_RED_CMYK
SP03_C_RED_RGB
SP03_C_AMA_CMYK
SP03_C_AMA_RGB
SP03_C_VER_CMYK
SP03_C_VER_RGB
SP02_D_POS_CMYK
SP02_D_POS_RGB
SP02_D_NEG_CMYK
SP02_D_NEG_RGB
SP02_D_RED_CMYK
SP02_D_RED_RGB
SP02_D_AMA_CMYK
SP02_D_AMA_RGB
SP02_D_VER_CMYK
SP02_D_VER_RGB
SP03_D_POS_CMYK
SP03_D_POS_RGB
SP03_D_NEG_CMYK
SP03_D_NEG_RGB
SP03_D_RED_CMYK
SP03_D_RED_RGB
SP03_D_AMA_CMYK
SP03_D_AMA_RGB
SP03_D_VER_CMYK
SP03_D_VER_RGB
SP02_D_POS_1 COR
SP02_D_NEG_1 COR
SP03_D_POS_1 COR
SP03_D_NEG_1 COR
94
95
SP04_A_POS_CMYK
SP04_A_POS_RGB
SP04_A_NEG_CMYK
SP04_A_NEG_RGB
SP04_A_RED_CMYK
SP04_A_RED_RGB
SP04_A_AMA_CMYK
SP04_A_AMA_RGB
SP04_A_VER_CMYK
SP04_A_VER_RGB
SP05_A_POS_CMYK
SP05_A_POS_RGB
SP05_A_NEG_CMYK
SP05_A_NEG_RGB
SP05_A_RED_CMYK
SP05_A_RED_RGB
SP05_A_AMA_CMYK
SP05_A_AMA_RGB
SP05_A_VER_CMYK
SP05_A_VER_RGB
SP04_B_POS_CMYK
SP04_B_POS_RGB
SP04_B_NEG_CMYK
SP04_B_NEG_RGB
SP04_B_RED_CMYK
SP04_B_RED_RGB
SP04_B_AMA_CMYK
SP04_B_AMA_RGB
SP04_B_VER_CMYK
SP04_B_VER_RGB
SP05_B_POS_CMYK
SP05_B_POS_RGB
SP05_B_NEG_CMYK
SP05_B_NEG_RGB
SP05_B_RED_CMYK
SP05_B_RED_RGB
SP05_B_AMA_CMYK
SP05_B_AMA_RGB
SP05_B_VER_CMYK
SP05_B_VER_RGB
SP04_C_POS_CMYK
SP04_C_POS_RGB
SP04_C_NEG_CMYK
SP04_C_NEG_RGB
SP04_C_RED_CMYK
SP04_C_RED_RGB
SP04_C_AMA_CMYK
SP04_C_AMA_RGB
SP04_C_VER_CMYK
SP04_C_VER_RGB
SP05_C_POS_CMYK
SP05_C_POS_RGB
SP05_C_NEG_CMYK
SP05_C_NEG_RGB
SP05_C_RED_CMYK
SP05_C_RED_RGB
SP05_C_AMA_CMYK
SP05_C_AMA_RGB
SP05_C_VER_CMYK
SP05_C_VER_RGB
SP04_D_POS_CMYK
SP04_D_POS_RGB
SP04_D_NEG_CMYK
SP04_D_NEG_RGB
SP04_D_RED_CMYK
SP04_D_RED_RGB
SP04_D_AMA_CMYK
SP04_D_AMA_RGB
SP04_D_VER_CMYK
SP04_D_VER_RGB
SP05_D_POS_CMYK
SP05_D_POS_RGB
SP05_D_NEG_CMYK
SP05_D_NEG_RGB
SP05_D_RED_CMYK
SP05_D_RED_RGB
SP05_D_AMA_CMYK
SP05_D_AMA_RGB
SP05_D_VER_CMYK
SP05_D_VER_RGB
SP04_D_POS_1 COR
SP04_D_NEG_1 COR
SP05_D_POS_1 COR
SP05_D_NEG_1 COR
96
97
SP06_A_POS_CMYK
SP06_A_POS_RGB
SP06_A_NEG_CMYK
SP06_A_NEG_RGB
SP06_A_RED_CMYK
SP06_A_RED_RGB
SP06_A_AMA_CMYK
SP06_A_AMA_RGB
SP06_A_VER_CMYK
SP06_A_VER_RGB
SP07_A_POS_CMYK
SP07_A_POS_RGB
SP07_A_NEG_CMYK
SP07_A_NEG_RGB
SP07_A_RED_CMYK
SP07_A_RED_RGB
SP07_A_AMA_CMYK
SP07_A_AMA_RGB
SP07_A_VER_CMYK
SP07_A_VER_RGB
SP06_B_POS_CMYK
SP06_B_POS_RGB
SP06_B_NEG_CMYK
SP06_B_NEG_RGB
SP06_B_RED_CMYK
SP06_B_RED_RGB
SP06_B_AMA_CMYK
SP06_B_AMA_RGB
SP06_B_VER_CMYK
SP06_B_VER_RGB
SP07_B_POS_CMYK
SP07_B_POS_RGB
SP07_B_NEG_CMYK
SP07_B_NEG_RGB
SP07_B_RED_CMYK
SP07_B_RED_RGB
SP07_B_AMA_CMYK
SP07_B_AMA_RGB
SP07_B_VER_CMYK
SP07_B_VER_RGB
SP06_C_POS_CMYK
SP06_C_POS_RGB
SP06_C_NEG_CMYK
SP06_C_NEG_RGB
SP06_C_RED_CMYK
SP06_C_RED_RGB
SP06_C_AMA_CMYK
SP06_C_AMA_RGB
SP06_C_VER_CMYK
SP06_C_VER_RGB
SP07_C_POS_CMYK
SP07_C_POS_RGB
SP07_C_NEG_CMYK
SP07_C_NEG_RGB
SP07_C_RED_CMYK
SP07_C_RED_RGB
SP07_C_AMA_CMYK
SP07_C_AMA_RGB
SP07_C_VER_CMYK
SP07_C_VER_RGB
SP06_D_POS_CMYK
SP06_D_POS_RGB
SP06_D_NEG_CMYK
SP06_D_NEG_RGB
SP06_D_RED_CMYK
SP06_D_RED_RGB
SP06_D_AMA_CMYK
SP06_D_AMA_RGB
SP06_D_VER_CMYK
SP06_D_VER_RGB
SP07_D_POS_CMYK
SP07_D_POS_RGB
SP07_D_NEG_CMYK
SP07_D_NEG_RGB
SP07_D_RED_CMYK
SP07_D_RED_RGB
SP07_D_AMA_CMYK
SP07_D_AMA_RGB
SP07_D_VER_CMYK
SP07_D_VER_RGB
SP06_D_POS_1 COR
SP06_D_NEG_1 COR
SP07_D_POS_1 COR
SP07_D_NEG_1 COR
98
99
SP_SUBGRAFICO_AZUL_CMYK
SP_SUBGRAFICO_AZUL_RGB
SP_SUBGRAFICO_VERMELHO_CMYK
SP_SUBGRAFICO_VERMELHO_RGB
SP_SUBGRAFICO_VERDE_CMYK
SP_SUBGRAFICO_VERDE_RGB
SP_SUBGRAFICO_AMARELO_CMYK
SP_SUBGRAFICO_AMARELO_RGB
SP_MARCALOOP_POS
100
SP_MARCALOOP_NEG
SP_SUBGRAFICO_BRANCO_CMYK
SP_SUBGRAFICO_BRANCO_RGB
SP_PATTERN_AZUL_CMYK
SP_PATTERN_AZUL_RGB
SP_PATTERN_VERMELHO_CMYK
SP_PATTERN_VERMELHO_RGB
SP_PATTERN_VERDE_CMYK
SP_PATTERN_VERDE_RGB
SP_PATTERN_AMARELO_CMYK
SP_PATTERN_AMARELO_RGB
SP_PATTERN_CORES_CMYK
SP_PATTERN_CORES_RGB
SP_MARCAVINHETA_NEG
SP_MARCAVINHETA_NEG
101
um projeto romulocastilho.com