Você está na página 1de 72

VERSO 9 - SETEMBRO 2014

MANUAL DE MARCA

ndice
Manual de Marca SAPO
O manual de normas grficas SAPO tem como
objetivo garantir a coerncia grfica de todas
as manifestaes da marca, estabelecendo
uma identidade una, slida e facilmente reconhecvel. Todas as regras definidas neste manual devero ser respeitadas, sem exceo,
independentemente da pea de comunicao a ser produzida. O cumprimento destas
normas permite reforar a personalidade da
marca e assegurar uma imagem coesa.

ndice 2
Manual de Marca SAPO

ELEMENTOS ESTRATGICOS

32

Gnero e forma de escrita

Assinatura 34

Apresentao 4
Somos... 5
Temos o desejo de...

A nossa razo de existir

Valores 8
Os pilares que nos norteiam

Temos de ser...

Manifesto 10

Elementos bsicos

Estilo da marca

11

Logo 12
Forma horizontal

13

Forma vertical

15

Smbolo 17
Logotipo 18
Logo com indicador de pas

19

Verses cromticas

20

33

Comunicao de endereos web (URL)

35

Tom da comunicao

36

Advertising format

37

Elementos adicionais da marca

40

produtos 43
Nomes de produtos

44

Normas para criao de nomes

54

Selo made by sapo

56

Racional 57
Formas 58

Aplicaes digitais
Web: Barra de navegao SAPO

63
64

Iconografia 69
Cores multiplataforma

72

Cores 26
Cores principais

27

Cores complementares

28

Tipografia 29
Tipografia secundria

30

Tipografia web

31

PG. 2

ELEMENTOS ESTRATGICOS
PG. 3

Apresentao
O SAPO uma referncia
no panorama da internet,
contedos e tecnologia.
Desde 1995 que foi conquistando a sua liderana na internet,
acompanhado dos melhores parceiros e de um pblico fiel de utilizadores que reconhece no SAPO, a sua referncia em contedos
de informao, entretenimento, lifestyle e servios digitais multiplataforma, sendo considerado um trend setter, no que diz respeito
utilizao da internet e da tecnologia.
Assente na sua slida existncia, e num contexto forte de globalizao, o SAPO pretende reforar o seu posicionamento quer como
marca global nos servios que disponibiliza aos utilizadores de
internet em todo o mundo, quer como fbrica de tecnologia e inovao de referncia no panorama internacional.
O SAPO quer continuar a ser uma marca global, experiente, lder
nas reas em que atua, tecnolgica, inovadora, visionria, vanguardista e gil.

PG. 4

Somos...
Posicionamento

Pretendemos ser a marca lder e global de internet


nos pases onde atuamos, que proporciona uma vida
melhor, inovando a cada dia.

PG. 5

Temos o desejo de...


Viso

Pretendemos conquistar a liderana nos


negcios e mercados onde operamos, numa
perspetiva global e com carter de inovao
tecnolgica, modernidade e disrupo.
Enfrentamos o futuro como um enorme desafio. Vamos ser mais criativos,
determinados e rpidos na nossa atuao e qualidade de execuo.
Continuaremos a trabalhar com grande dedicao para preservar o nosso
papel de love brand.

PG. 6

A nossa razo de existir


Misso

Existimos para tornar a vida mais simples, informar,


inovar, divertir e promover a identidade nacional
dos pases onde estamos presentes. Queremos ser
relevantes no dia a dia das pessoas.

PG. 7

Os pilares que nos norteiam


valores

INOVAO

LIDERANA

A inovao est presente na conduta da nossa marca. Pensamos


a internet numa lgica multiplataforma, multimercado e apostamos em negcios de grande crescimento e atravs de projetos de
internet estratgicos transversais, temos reforado ao longo dos
anos o nosso ADN inovador e tecnolgico.

Somos uma referncia de pioneirismo e inovao ligados internet e tecnologia nos mercados onde atuamos. Temos provas dadas que conseguimos gerir e criar de forma assertiva e com xito
contedos, servios, e-commerce e novos produtos tecnolgicos.

Antecipamos tendncias e capitalizamos a tecnologia de vanguarda que temos ao nosso dispor.

DISRUPO

ABRANGNCIA

Transformamos as ideias em realidade renovadora, capaz de


satisfazer necessidades. Aproveitamos a vantagem de ser uma
marca com notoriedade e uma love brand para proporcionar e
manter uma relao sempre ativa, surpreendente e irreverente
com os nossos stakeholders. Somos criativos e reinventamo-nos
constantemente.

Somos uma marca global, com uma nova estratgia que promete
potenciar o carter constantemente evolutivo e abrangente da
internet. Somos uma marca de todos para todos. Respeitamos e
entendemos a diferena entre as vrias reas e mercados que
visamos, sendo flexveis e geis relativamente s necessidades
que detetamos.

PG. 8

Temos de ser...
Personalidade

criativos, irreverentes,
flexveis, prximos e credveis.

PG. 9

Manifesto
Eu sou dos pioneiros
Sou dos incansveis, dos sem
limites, dos apaixonados
Sou dos que fazem acontecer
Sou dos que inventam e reinventam.
Dos que agregam e que partilham
Sou dos srios e dos divertidos
Sou dos lideres, dos que
inovam e surpreendem
Dos old school, dos techy
Sempre fui dos mais modernos e
agora tambm sou dos globais
Atingi a maturidade, mas
no perdi a irreverncia
EU SOU SAPO.
PG. 10

Elementos bsicos
PG. 11

Logo

O novo logo do SAPO encerra os valores da marca e transmite-os numa rotura clara com o passado. geomtrico,
simples e inovador, com uma flexibilidade enorme de aplicao nos inmeros meios onde o SAPO se movimenta. um
polgono matemtico, mas tambm uma forma curiosa que convida a mais investigao e conhecimento aprofundado.

PG. 12

LOGO

Forma horizontal

A principal representao da marca SAPO atravs da sua forma horizontal.


a forma horizontal que surge na principal propriedade web do SAPO: a homepage. Esta a assinatura do SAPO em todos os suportes em
que comunique: digitais ou analgicos, above ou below the line.
O logo deve ser sempre reproduzido a partir da arte final original.

PG. 13

LOGO FORMA HORIZONTAL

rea de proteo e dimenses mnimas

O dimetro de um olho do SAPO


determina a rea de proteo a
toda a volta do logo. No permitida a interferncia de nenhuma
imagem, texto ou outro elemento
grfico desta margem para dentro.

O logo deve ser sempre redimensionado mantendo as propores


originais at um mnimo de 24 px
de altura em ecrs de baixa densidade e 48 px em ecrs de alta
densidade. No h limite superior.

Logo com dimenso mnima para impresso.

PG. 14

LOGO

Forma vertical

Y
Y
X

X/2

Nos casos em que a forma horizontal no seja adequada ou a composio grfica no favorea
essa aplicao, deve optar-se pela forma vertical.

PG. 15

LOGO FORMA VERTICAL

rea de proteo e dimenses mnimas

Logo com dimenso mnima para impresso.

42 px / 84 px (@2x)

Y
Tal como na forma horizontal, o dimetro de um olho do SAPO determina a
rea de proteo a toda a volta do logo. No permitida a interferncia de
nenhuma imagem, texto ou outro elemento grfico desta rea para dentro.

10 mm
O logo deve ser sempre redimensionado mantendo as propores originais
at um mnimo de 42 px de largura em ecrs de baixa densidade e 84 px
em ecrs de alta densidade. No h limite superior.

PG. 16

LOGO

Smbolo

Smbolo com dimenso mnima para impresso.

Para algumas aplicaes aceitvel a utilizao apenas do smbolo, sem o


logotipo SAPO. Nestes casos, pode optar-se por assentar a figura na linha
inferior, como acontece na Barra de Navegao SAPO (pg. 64).

40 px / 80 px (@2x)

8 mm
O smbolo deve ser sempre redimensionado mantendo as propores originais at um mnimo de 40 px de largura em ecrs de baixa densidade e
80 px em ecrs de alta densidade. No h limite superior.

Nos restantes lados, a rea de proteo idntica do logo: Com uma


margem igual ao dimetro do olho.
No existindo uma linha para assentar o smbolo, deve respeitar-se uma
margem inferior igual s restantes.
PG. 17

LOGO

Logotipo

(exemplo de aplicao)

Havendo situaes de limitao de espao ou tcnicas que no permitam a representao do


logo, pode usar-se apenas o logotipo, escrito na fonte Proxima Nova Bold, como representado
esquerda.

SAPO

No entanto, esta aplicao deve ficar reservada para situaes pontuais em que no exista
outra opo, sobretudo em merchandising.
Sempre que possvel, quando se recorrer aplicao apenas do logotipo, o logo, padro adicional ou o smbolo devem estar includos algures na pea.
No exemplo de aplicao em cima evidente o uso do logotipo acompanhado tanto do smbolo,
como do padro adicional.
PG. 18

LOGO

Logo com indicador de pas

INTERNACIONAL

X/2
Proxima nova Regular
Em aplicaes em que seja necessrio referir determinado pas onde o SAPO tem presena, deve-se aplicar o indicador de pas - exemplificado aqui com a palavra internacional - escrito em Proxima Nova Regular, sempre em caixa alta, com as medidas e alinhamentos em
relao ao logo definidos acima. Esta aplicao restringe-se s homepages de cada pas. Segue-se alguns exemplos:

ANGOLA

CABO VERDE

MOAMBIQUE

TIMOR-LESTE

PG. 19

LOGO

Verses cromticas

As regras que se seguem aplicam-se s diversas formas do logo mencionadas anteriormente - horizontal, vertical e
smbolo - pelo que so apresentadas apenas as variantes necessrias e suficientes para exemplificar cada regra.
Acima, o logotipo aplicado em policromia a negativo.

PG. 20

LOGO

Verses monocromticas

Existem duas verses monocromticas do logo que devem ser aplicadas tendo em conta o fundo: a verso a preto deve ser aplicada sobre fundos claros
e a verso a branco sobre fundos escuros. Ambas as verses podem assumir outra cor, conforme necessrio, devendo o logotipo manter-se a preto ou
branco. Na aplicao do logo, o objectivo garantir o maior contraste na sua apresentao.
Existe uma diferena de desenho no olho do smbolo, pelo que no suficiente usar uma das verses e invert-la, deve sempre usar-se ou a arte
final para fundo claro ou a arte final para fundo escuro.
PG. 21

LOGO

Verso em escala de cinza

Em casos em que a aplicao em cor no seja possvel, pode optar-se pela verso em escala de cinza,
conforme representado acima. A forma vertical assume os mesmos tons. Como para todas as outras
verses, a verso em escala de cinza deve ser reproduzida a partir de artes finais originais.
PG. 22

LOGO

Aplicaes sobre fundos


Dada a enorme variedade de meios em que a marca SAPO necessita de ser aplicada, prev-se que a aplicao possa ser feita sobre fundos coloridos, sem recurso a uma caixa. Deve sempre verificar-se que o logo faz suficiente contraste com a cor de fundo. A nica alterao possvel no
logo a escolha entre texto a branco ou a preto consoante o fundo.

PG. 23

LOGO

Aplicaes sobre fundos fotogrficos


O logo tambm pode aplicar-se sobre fundos fotogrficos, cumprindo os mesmos requisitos que para fundos coloridos.
Em casos extremos, em que nenhuma aplicao do logo crie suficiente contraste sobre a fotografia, deve recorrer-se a algum mecanismo grfico sobre a
foto que permita melhorar esse contraste, como o clareamento/escurecimento da rea de aplicao.

PG. 24

LOGO

Utilizaes indevidas
As regras constantes deste manual devem ser seguidas em todas as ocasies em que se aplique a marca SAPO, ele contm todas as variantes e inclui
uma diversidade enorme de possibilidades de aplicao, tornando-a flexvel e adaptvel maioria das situaes.
Quebrar as regras desfigurar a marca e implica uma m representao da mesma, acarretando uma percepo de pouco profissionalismo e consistncia
perante os consumidores que devemos evitar a todo o custo. Abaixo, esto alguns exemplos do que no fazer com a marca SAPO, em circunstncia alguma.

Deformao das propores

Alterao da relao entre elementos

Alterao da tipografia

Alterao do desenho do smbolo

Aplicao de sombras e efeitos visuais

Alterao da cor da tipografia

Uso do smbolo em 3D

Alterao de alinhamento de elementos

Aplicao sobre fundo sem contraste


PG. 25

Cores
cor a
cor B
cor a

cor c
cor B

As cores oficiais so aplicadas apenas no smbolo, com a seguinte lgica:


Cor A: Verde SAPO Claro
Cor B: Verde SAPO Mdio
Cor C: Verde SAPO Escuro
Branco e Preto, no olho.
PG. 26

CORES

Cores principais
O verde a cor do SAPO, que se mantm na nova marca. Trs verdes, preto e branco so as cores principais.
Verde SAPO Claro

Verde SAPO Mdio

Verde SAPO Escuro

Pantone: 376C

Pantone: 369C

Pantone: 370C

C: 59 M: 0 Y: 100 K: 0

C: 73 M: 0 Y: 100 K: 0

C: 66 M: 1 Y: 100 K: 25

R: 122 G: 184 B: 0

R: 105 G: 166 B: 24

R: 91 G: 143 B: 34

Hex: 7AB800

Hex: 69A618

Hex: 5B8F22

Preto

Branco

Pantone:

Pantone:

C: 0 M: 0 Y: 0 K: 100

C: 0 M: 0 Y: 0 K: 0

R: 0 G: 0 B: 0

R: 255 G: 255 B: 255

Hex: 000000

Hex: FFFFFF

PG. 27

CORES

Cores complementares
Existem oito cores complementares, para fundos e ambientes, sobre as quais o logo pode ser aplicado com bom contraste.

Vermelho

Laranja

Rosa

Violeta

Pantone: 484 C

Pantone: 166 C

Pantone: 7647 C

Pantone: 7447 C

C: 10 M: 90 Y: 100 K: 27
R: 150 G: 35 B: 25
Hex: 962319

C: 9 M: 77 Y: 100 K: 7
R: 190 G: 75 B: 25
Hex: BE4B19

C: 30 M: 92 Y: 5 K: 0
R: 170 G: 55 B: 115
Hex: AA3773

C: 76 M: 79 Y: 12 K: 3
R: 90 G: 70 B: 120
Hex: 5A4678

Azul

Verde azulado

Verde

Cinza

Pantone: 7477 C

Pantone: 7734 C

Pantone: 363 C

Pantone: 423 C

C: 93 M: 51 Y: 36 K: 29
R: 15 G: 75 B: 95
Hex: 0F4B5F

C: 83 M: 23 Y: 76 K: 32
R: 25 G: 100 B: 70
Hex: 196446

C: 70 M: 23 Y: 100 K: 26
R: 65 G: 110 B: 20
Hex: 416E14

C: 0 M: 0 Y: 0 K: 70
R: 110 G: 110 B: 110
Hex: 6E6E6E

PG. 28

LOGO TIPOGRAFIA

Tipografia

PROXIMA NOVA

Para a construo do logotipo, bem como todas as restantes expresses da marca em qualquer suporte, o tipo de letra utilizado o Proxima Nova. Este
tipo de letra deve tambm ser utilizado para texto corrido e ttulos em suporte de impresso, televiso e outros suportes em que seja possvel criar uma
impresso da tipografia (ie, no recorrendo ao software base do tipo de letra), em todo o tipo de comunicao institucional ou comercial da marca SAPO.
Para texto corrido, em minsculas ou maisculas, deve optar-se por Proxima Nova Alt Regular, usando outros pesos onde necessrio conforme o contedo. Para itlicos no deve recorrer-se variante Alt, mas sim a Proxima Nova Italic, e suas variantes de peso.

O SAPO RPIDO NADOU


ALEGREMENTE NO CHARCO
ABCDEFGHIJKLMNOPQRSTUWVXYZ
abcdefghijklmnopqrstuwvxyz
1234567890
PG. 29

LOGO TIPOGRAFIA

Tipografia secundria

ARIAL

Para aplicaes corporativas em que o recurso a tipografia especfica difcil ou impossvel, deve recorrer-se a uma fonte comum de sistema operativo,
como tipografia secundria. Neste caso, optou-se pela fonte Arial.
A tipografia secundria nunca pode ser usada para compor o logotipo ou qualquer das suas formas.

O SAPO RPIDO NADOU


ALEGREMENTE NO CHARCO
ABCDEFGHIJKLMNOPQRSTUWVXYZ
abcdefghijklmnopqrstuwvxyz
1234567890
PG. 30

LOGO TIPOGRAFIA

Tipografia web

ROBOTO

Para uma maior flexibilidade em termos de licenciamento, na web, o tipo de letra recomendado Roboto, que tambm o tipo de letra fornecido com a
framework de desenvolvimento do SAPO, o Ink.
Independentemente desta recomendao, a pluralidade de projectos do SAPO no permite que se crie uma regra tipogrfica rgida, ficando, em vez disso,
ao critrio de cada projecto seleccionar a tipografia que melhor se adequa a este, quer na web, quer em aplicaes nativas para multiplataforma.
A tipografia web nunca pode ser usada para compor o logotipo ou qualquer das suas formas.

O SAPO RPIDO NADOU


ALEGREMENTE NO CHARCO
ABCDEFGHIJKLMNOPQRSTUWVXYZ
abcdefghijklmnopqrstuwvxyz
1234567890
PG. 31

Estilo da marca
PG. 32

Gnero e forma de escrita

O SAPO SEMPRE MASCULINO E ESCRITO EM CAIXA ALTA


Sempre que for necessria uma referncia, verbal ou escrita, do gnero, deve-se utilizar o masculino - o SAPO. Em todos os ttulos,
subttulos ou textos, o nome SAPO sempre escrito com maisculas, seguindo a lgica de formao representada no logo

O SAPO surgiu em 1995, na Universidade de Aveiro,


como um motor de busca. Desde a, evoluiu para
um portal e um fornecedor de servios e tecnologia
digital, lder em Portugal.
Exemplo de meno escrita ao SAPO.

PG. 33

Assinatura
A assinatura do SAPO D o salto. Pode ser grafada a maisculas e minsculas, em texto corrido, ou toda em maisculas em ttulos
e outras referncias, conforme necessrio. Quanto sua convivncia com o logo, existem trs possibilidades:

Logotipo SAPO
(Proxima Nova Bold)
Assinatura
(Proxima Nova Regular)

Em ambas as formas, a assinatura surge por baixo do


logotipo SAPO e a distncia entre ambos igual ao
dimetro do olho.

D O SALTO

A assinatura deve ser escrita em Proxima Nova Regular e ter a mesma largura que o logotipo SAPO,
sendo que o corpo de texto deve ser o necessrio
para respeitar esta largura.

Existe ainda uma terceira forma, em que a assinatura


pode ser colocada em linha com o logotipo, sendo,
neste caso, centrada verticalmente com o mesmo.

D O SALTO

D O SALTO
Y

PG. 34

Comunicao de endereos web (URL)


Como a maioria dos produtos SAPO tm expresso na web, importante que o pblico seja direcionado para os endereos corretos, conforme o produto comunicado, pelo que as peas devem sempre ser assinadas por SAPO, mas acompanhadas do URL do
produto especfico mencionado na comunicao.
EXEMPLOS:
PRODUTO A SER COMUNICADO

QUEM ASSINA

URL A COMUNICAR

sapo.pt

sapo.ao

mail.sapo.pt

PG. 35

Tom da comunicao

O tom da comunicao do SAPO enquanto marca


essencialmente irreverente, criativo e prximo.
No obstante, por ser uma marca agregadora de
contedos e notcias, a comunicao deve ser
credvel e assertiva.
A mascote SAPO, uma das mais fortes personas da marca, um dos cones
mais relevantes da marca SAPO e das poucas mascotes acarinhadas por
todos, homens e mulheres, adultos, jovens e crianas. Este fator permite que
a presena da mascote em eventos de msica, crianas, ou desportivos seja
sempre um dos momentos altos de reforo da marca.

PG. 36

ESTILO DA MARCA

Advertising format
Toda a comunicao SAPO deve passar pela marca SAPO. Como tal, o logo deve assinar todas as peas de comunicao comercial ou instituicional produzidas.
Quando a comunicao incide sobre um produto especfico, este dever ser construdo de acordo com as regras definidas na pgina seguinte. O nome do
produto surge em Proxima Nova e nunca acompanhado do smbolo. O logo SAPO dever surgir noutra rea da pea.

UMA NICA MARCA, UM LOGO, UMA VOZ.


PG. 37

ESTILO DA MARCA ADVERTISING FORMAT

Layout para imprensa


Nome do produto SAPO

Para produtos sem sub-rea

SAPOMAiL

A construo de uma pea de comunicao SAPO deve


seguir as orientaes detalhadas na figura, sendo que as
localizes exatas so meramente indicativas:

O servio de e-mail mais rpido e seguro,


gratuito e cem por cento portugus.

1. Havendo referncia a um produto especfico, este deve


surgir composto em Proxima Nova conforme as regras deste manual, sem o smbolo SAPO (pg. 45)
2. Tratando-se de um produto com sub-rea, deve ter-se o
cuidado de recorrer variante para comunicao e no
variante digital (pg. 48)

Copy escrito em
Proxima Nova Alt
Imagem da
campanha

3. Havendo texto corrido e/ou frases promocionais, os mesmos devem ser compostos em Proxima Nova Alt, na espessura adequada ao meio
4. O logo SAPO tem obrigatoriamente que surgir na pea,
seja na forma vertical ou horizontal, conforme a composio grfica da mesma e respeitando as regras de aplicao sobre fundos e a rea de proteo do logo definidas
neste manual.

Logo na forma
vertical ou horizontal

PG. 38

ESTILO DA MARCA ADVERTISING FORMAT

Layout para vdeo

logo

Vdeo da campanha

Quaisquer filmes produzidos pela ou sobre a marca SAPO devem ser assinados com o logo.
A aplicao do logo deve ser decidida mediante a especificao do filme a ser produzido, podendo
surgir no incio, como por exemplo, SAPO Apresenta..., durante o vdeo, como mosca num canto,
no final, como packshot ou numa combinao dos anteriores, conforme melhor se adeque ao resultado pretendido da comunicao.

PG. 39

Elementos adicionais da marca

Criou-se um padro poligonal repetvel para utilizaes diversas. Deve sempre recorrer-se a arte final
original, podendo o padro ser cortado, aplicado parcialmente, na totalidade ou repetido, encaixando
em qualquer um dos quatro lados.
Pode optar-se por colorir as linhas e/ou os polgonos de forma adequada aplicao desejada. Sugere-se que se recorra paleta de cores SAPO (pg. 28), na seco de apresentao deste manual,
podem ver-se aplicaes criativas do padro, com mltiplas cores (pg. 4).
PG. 40

ELEMENTOS ADICIONAIS DA MARCA

Exemplo de aplicao repetida

PG. 41

ELEMENTOS ADICIONAIS DA MARCA

Exemplo de aplicao em merchandising

O exemplo de t-shirt ao lado recorre ao logo e a parte do


padro adicional para passar a imagem de marca.

PG. 42

produtos
PG. 43

Nomes de produtos

SAPOMAIL
Os produtos do SAPO so a sua face mais visvel. Estes requerem uma flexibilidade extraordinria, exigindo inmeras formas de representao, sem que se perca identidade.
Na web, os nomes de produtos devem surgrir apenas na tipografia principal e so sempre acompanhados do smbolo inserido na
Barra de Navegao SAPO (ver pg. 64).
Em contextos em que o nome no surja acompanhado da Barra de Navegao SAPO, dever sempre existir o logo na sua forma
horizontal ou vertical, algures na composio.

PG. 44

NOMES DE PRODUTOS CONSTRUO

PRODUTOS SEM SUB-REA


Proxima Nova Bold

Proxima Nova Light

SAPOMAiL
NOME SAPO

DESCRITOR DO PRODUTO

Proxima Nova Light

Proxima Nova Bold

AUToSAPO
Troca da ordem dos termos
O nome do produto composto na horizontal com o nome SAPO em Proxima Nova Bold, e com o descritor do servio
em Proxima Nova Light, sempre em maisculas e sem espaos. O nome SAPO pode funcionar como prefixo ou sufixo.
Os produtos sem sub-rea seguem sempre esta composio, no havendo lugar a excepes ou variantes.
PG. 45

NOMES DE PRODUTOS CONSTRUO

Produtos com sub-rea

Espao
Proxima Nova Bold

AUTO SAPO

Proxima Nova Light

oFiCiNAS

No caso de um produto conter uma sub-rea verticalizada, surge a necessidade de passar esta sub-rea com
destaque suficiente, mas sem se perder nem a marca, nem o nome do produto.
Assim, o logotipo deve ser construdo com base na verso horizontal, surgindo o nome da sub-rea com a dimenso maior e o nome da marca e produto-pai acima desta, com 40% do tamanho de letra.
A relao de pesos tipogrficos mantm-se: o nome principal a bold e o secundrio a light, introduzindo-se um
espao entre a marca e o nome do produto, para no se comprometer a legibilidade.
Esta construo deve ser usada apenas no digital, havendo uma construo alternativa para comunicao,
por questes de legibilidade e destaque.

PG. 46

NOMES DE PRODUTOS CONSTRUO

Produtos com sub-rea: APLICAO DIGITAL


X

40%

100%

SAPO VOUCHER

ViAgENS
1.5X

40%

100%

2X

O texto da primeira linha deve ser


40% do tamanho da segunda, por
exemplo: 40 pt e 100 pt.

AUTO SAPO

oFiCiNAS

Na construo de um produto com


uma sub-rea para aplicao no
digital, o nome do produto-pai surge inteiramente a Proxima Nova
Bold, usando-se um espao para
separar a palavra SAPO do restante; em segunda linha, surge o nome
da sub-rea em Proxima Nova Light.

2X

A entrelinha igual a duas vezes a


espessura da perna do P na palavra SAPO.
Para alinhamentos em que a palavra na segunda linha comece por C,
G, O, Q ou S, a primeira linha deve
avanar 1.5 vezes a espessura da
perna do P na palavra SAPO.

PG. 47

NOMES DE PRODUTOS CONSTRUO

Produtos com sub-rea: APLICAO em comunicao

Na construo de um produto com uma sub-rea para aplicao em comunicao, por questes de otimizao de legibilidade,
pode optar-se por uma disposio horizontal, com o nome do produto pai em Proxima Nova Bold e o nome da sub-rea em Proxima
Nova Light, sempre com espaos entre as palavras, ou por uma disposio vertical com as mesmas caractersticas, mas em que o
produto pai surge por cima da sub-rea, com a mesma relao de pesos e o mesmo corpo de letra, entrelinha igual ao corpo de
texto e alinhado esquerda.
PG. 48

NOMES DE PRODUTOS COM E SEM SUB-REA

REA DE PROTECO

2X
A margem de segurana para nomes de produtos igual a duas vezes a espessura da perna
do P na palavra SAPO, em toda a volta.

SAPOMAiL

Estas margens so iguais para produtos com


sub-rea nas verses para comunicao, horizontal ou vertical.

Para nomes de produtos com sub-rea em


meios digitais a margem de segurana igual
altura da tipografia do nome do produto-pai.

2X

SAPO VOUCHER

ViAgENS

PG. 49

NOMES DE PRODUTOS COM E SEM SUB-REA

Dimenses mnimas

10 pt

SAPOMAiL

9 pt

SAPO VOUCHER

24 pt

10pt

ViAgENS

16 px

No caso de um nome de produto o tamanho


mnimo para impresso de 10 pontos e para
ecr, 16 px.

12 px

Para manter a legibilidade, a dimenso mnima desta composio necessariamente maior do que a de nome de produto
simples.

32 px

Para impresso de nomes de sub-rea, a dimenso mnima


de 24 pontos, ficando o nome do produto-pai com 9 pontos.
No ecr, deve usar-se 12 e 32 px, respectivamente.

A utilizao horizontal e vertical dos produtos com sub-rea


deve respeitar uma dimenso mnima de impresso de 10
pontos.
No existem dimenses mnimas para ecr, pois esta composio no usada no digital.

10pt
10pt
PG. 50

NOMES DE PRODUTOS

Convivncia entre produtos

SAPO VOUCHER

ViAgENS X SAPOMAiL X
No caso em que vrios nomes de produtos SAPO precisem de conviver, os mesmos devem ser alinhados horizontalmente, pela linha de base
do nome de produto e sub-rea, mantendo-se entre cada produto, um espao equivalente altura da tipografia.

SAPO VOUCHER

ViAgENS X
SAPOMAiL X
SAPO VOUCHER

Em casos de alinhamento vertical, o mesmo deve fazer-se igualmente com espaos iguais ao tamanho da tipografia do nome de
produto ou sub-rea e encostado esquerda.

FAShioN
PG. 51

NOMES DE PRODUTOS

Convivncia entre produtos

No caso de produtos com sub-rea na verso para comunicao vertical, a composio deve fazer-se da mesma forma: o espao
entre cada produto deve ser igual ao tamanho de letra.

A regra de espaamento vertical mantem-se no caso de


produtos com sub-rea na verso de comunicao.

PG. 52

NOMES DE PRODUTOS

Convivncia entre produtos

No caso de produtos com sub-rea na verso para comunicao vertical que precisem de conviver com nomes de produto sem sub-area, o alinhamento deve fazer-se pelo nome do produto-pai.

ATENO: deve ter-se sempre o cuidado de verificar para que meio se est a produzir peas e nunca misturar as duas verses de
produtos com sub-rea. Em baixo, esquerda, verso vertical para comunicao no-digital, direita, verso para digital. Nunca
misturar os dois.

PG. 53

NOMES DE PRODUTOS

Normas para criao de nomes


O sistema de composio de nomes de produtos SAPO extremamente complexo e foi construido para lidar com inmeras incgnitas, nomeadamente,
desenvolvimentos futuros que devem ficar sob alada da marca e encaixar nas regras de construo anteriormente apresentadas.
No entanto, seguindo algumas orientaes, ser possvel criar novos nomes que sirvam a marca e ao mesmo tempo respeitem o sistema de construo.

1. Os nomes no devem ter mais do que uma palavra, nem incluir smbolos
A introduo de espaos nos nomes dos produtos destri a construo grfica e consequentemente, a identidade visual da marca. Simultaneamente, a
representao de um produto com espaos no nome, em termos de URL, torna-se complicada, sendo preciso juntar todas as palavras ou recorrer a uma
simplificao do nome.

SAPOBANCA DE joRNAiS

SAPOjoRNAiS

2. Os nomes no devem SER DEMASIADO LONGOS


Um nome demasiado longo no favorece a repetio e memorizao rpidas. Alm disso, graficamente, cria um desequilbrio, comprometendo a identidade visual da marca. Sempre que possvel, deve optar-se por nomes claros, mas sucintos.

SAPOFoTogRAFiAS

SAPOFoToS
PG. 54

NOMES DE PRODUTOS NORMAS PARA CRIAO DE NOMES

3. SEMPRE QUE POSSVEL, DEVE EVITAR-SE A UTILIZAO DE PALAVRAS ACENTUADAS


A acentuao cria inmeros problemas, nomeadamente em termos de URL, uma vez que os carateres acentuados no so utilizveis em URL (apesar de
no ser impossvel, no corrente, nem prtico), pelo que o nome no URL ficar sempre descaracterizado. Alm destes problemas, a acentuao cria desequilbrios visuais inconciliveis com o sistema de construo apresentado, especialmente no que diz respeito a sub-reas.

SAPOpRoMoES

SAPOpRoMoS

(promocoes.sapo)

(promos.sapo)

4. A UTILIZAO DE SUB-REAS EST RESERVADA A


SITES COM LGICA DE NEGCIO

5. O NOME DE SUB-REA DEVE SER MAIOR DO QUE O


PRODUTO-PAI

Apesar de estar prevista a construo de sub-reas, como SAPO Voucher


Restaurantes, estas devem ser reservadas para necessidades muito especficas de negcio e no para criar seces de sites que no acrescentam
nada ao utilizador final e podem prejudicar a navegao.

O sistema de construo no suporta nomes para sub-reas cujo comprimento seja menor do que a meno do produto-pai, pelo que deve optar-se
por um nome de sub-rea comprido o suficiente para no destruir o equilbrio grfico da composio.
Caso surja necessidade de aplicar uma exceo a esta regra, o naming
deve ser sempre decidido pela Unidade SAPO, com o acompanhamento da
equipa de Gesto Estratgica de Marca.

SAPO MAIL

SAPO VOUCHER

iNBox ViAgENS

SAPO VOUCHER

MoDA

SAPO VOUCHER

FAShioN

PG. 55

Selo made by sapo


PG. 56

Racional

MADE BY

SAPO
MADE BY SAPO uma expresso da tecnologia SAPO aplicada a projetos que so lanados no mercado sob outras marcas.
Surge sob a forma de um selo, com o smbolo do SAPO saindo da caixa, como representao do pensamento e tecnologia criativos do SAPO, ao servio de clientes e parceiros. A meno Made by SAPO aparece em caixa alta.
Este selo deve ser aplicado em reas adequadas de cada aplicao, servio web ou
outro produto cujo desenvolvimento ou conceo tenha sido feito no SAPO, como rodaps, fichas tcnicas, ecrs de entrada ou outras reas adequadas em sites e aplicaes
multiplataforma.

PG. 57

SELO MADE BY SAPO

Formas

MADE BY

SAPO
MADE BY

SAPO

MADE BY

SAPO

MADE BY

SAPO

Existem duas formas do selo Made by SAPO, que devero ser aplicadas conforme o contexto e espao disponveis. Ambas so vlidas, mas apenas uma
dever figurar, de forma consistente, num dado produto. O uso sobre fundos escuros, implica a inverso do texto e da caixa, mas esta no deve ser eliminada.
A aplicao destes selos, implica a utilizao da arte final original.

PG. 58

SELO MADE BY SAPO

rea de proteo

Y
1.5 Y

Y
1.5 Y

MADE BY

MADE BY

SAPO

SAPO
1.5 Y

1.5 Y

A rea de proteo igual a uma vez e meia o dimetro do olho do smbolo, medida em relao caixa do selo.

PG. 59

SELO MADE BY SAPO

Dimenses mnimas

75 px / 150 px (@2x)

100 px / 140 px (@2x)

MADE BY

MADE BY

SAPO

SAPO

10 mm

20 mm
MADE BY

SAPO

MADE BY

SAPO

Devem respeitar-se as dimenses mnimas acima descritas para que se garanta a legibilidade do selo. Em certos sistemas de impresso de menor qualidade poder ser necessrio recorrer a um tamanho maior, deciso que deve ser tomada caso se perca a
leitura da expresso Made by SAPO.

PG. 60

SELO MADE BY SAPO FORMA VERTICAL E HORIZONTAL

VERSO em escala de cinza

MADE BY

SAPO
MADE BY

SAPO

MADE BY

SAPO

MADE BY

SAPO

Em casos em que a aplicao em cor no seja possvel, pode optar-se pela verso em escala de cinza, conforme representado acima. A
forma vertical assume os mesmos tons. Como para todas as outras verses, a verso em escala de cinza deve ser reproduzida a partir de
artes finais originais.

PG. 61

SELO MADE BY SAPO FORMA VERTICAL E HORIZONTAL

VERSes monocromticas

MADE BY

SAPO
MADE BY

SAPO

MADE BY

SAPO

MADE BY

SAPO

Existem duas verses monocromticas do selo que devem ser aplicadas tendo em conta o fundo: a verso a preto deve ser aplicada sobre
fundos claros e a verso a branco sobre fundos escuros. Ambas as verses podem assumir outra cor, conforme necessrio, devendo o logotipo manter-se a preto ou branco.
Existe uma diferena de desenho no olho do smbolo, pelo que no suficiente usar uma das verses e invert-la, deve sempre usar-se
ou a arte final para fundo claro ou a arte final para fundo escuro.

PG. 62

Aplicaes digitais
PG. 63

APLICAES DIGITAIS WEB

Web: Barra de navegao SAPO

36 px

cinzento #222222

30 px

A barra de navegao universal do SAPO (BSU) est presente em todas as propriedades web do SAPO e nos sites de parceiros, servindo
para comunicar a marca SAPO, bem como para oferecer uma navegao universal na Rede SAPO.
A barra deve ter as dimenses acima descritas, com o smbolo SAPO sempre como primeiro item e surgir no topo de todas as pginas.
cinzento #222222

36 px

20 px

centrado

Para parceiros ou quaisquer propriedades SAPO em que o nome do produto no inclua o logotipo SAPO (e.g. GameOver), deve recorrer-se
barra com o logo, como descrita acima.

Nas barras de navegao SAPO deve recorrer-se a uma tipografia sans-serif genrica para evitar problemas tcnicos
na sua implementao, uma vez que surge em inmeros contextos nem sempre controlveis.
PG. 64

APLICAES DIGITAIS WEB

Cabealho da homepage

O cabealho da homepage do SAPO e outras pginas que requeiram o uso do logo, deve respeitar as regras acima
descritas, sendo livre a escolha de cores quer para o cabealho, quer para o menu, bem como de tipografia para o
menu. Nalguns casos, ser necessrio utilizar o espao do cabealho para outros elementos, o que possvel, sempre
respeitando a rea de proteco do logo (pg. 14)
PG. 65

APLICAES DIGITAIS WEB

Cabealhos de pginas de produto

37 px
26 px
37 px

O cabealho das pginas de produtos SAPO deve respeitar as regras acima descritas, sendo livre a escolha de cores
quer para o cabealho, quer para o menu, bem como de tipgrafia para o menu. Em alguns casos, ser necessrio
utilizar o espao do cabealho para outros elementos, o que possvel, sempre respeitando a rea de proteco do
logo (pg. 14)
PG. 66

APLICAES DIGITAIS WEB

Cabealho de homepages internacionais

54 px

No caso de homepages SAPO internacionais, deve respeitar-se o mesmo cabealho que para a homepage de Portugal,
tal como definido anteriormente (pg. 65). Para aplicao do nome do pas, deve seguir-se a regra de construo
do logo com indicador de pas (pg. 19)
PG. 67

APLICAES DIGITAIS WEB

Cabealhos de pginas de produtos com sub-reas

37 px
26 px
37 px

O cabealho das pginas de produtos SAPO com sub-reas verticais deve respeitar as regras acima descritas, que
so iguais aos cabealhos para pginas de produto (pg. 66), exceto que o nome da sub-rea que assume 36 px
de altura, sendo o resto do nome da sub-rea construda de acordo com as regras definidas (pg. 47).
PG. 68

APLICAES DIGITAIS MULTIPLATAFORMA

Iconografia
Com uma presena cada vez mais marcada no universo mobile, o SAPO oferece uma multiplicidade de aplicaes e websites responsive que so representados em diversos sistemas operativos por via de cones. A coerncia desta iconografia, entre si, bem como com a marca SAPO essencial para solidificar
a nossa imagem junto dos utilizadores.
Assim, foram criadas regras que devem ser seguidas na criao de novos cones, tal como todas as restantes regras de aplicao de marca presentes
neste manual. Para criar novos cones essencial recorrer aos templates originais fornecidos.
Os cones seguem a seguinte estrutura grfica:

1. Uma base de degrad numa das sete cores secundrias, de acordo com o definido nos templates fornecidos.
A cor deve ser escolhida de acordo com o tom
dominante usado no interface da aplicao.

2. Um padro triangular monocromtico, aplicado


sobre o degrad, em modo de overlay, obtendo-se
assim cada um dos sete tons secundrios.

3. Um pictograma simples, representativo da principal funcionalidade da aplicao que se pretende representar, aberto a branco e o logotipo SAPO
para sublinhar a marca.
PG. 69

APLICAES DIGITAIS MULTIPLATAFORMA

Grelha
Para criar as imagens que representaro a funcionalidade de cada aplicao, deve utilizar-se a grelha abaixo definida. Uma vez mais, obrigatrio utilizar
o ficheiro template original, para garantir a qualidade final do cone.
zona principal
do pictograma
Margem aceitvel
para o pictograma
Margem de segurana
de todo o cone
Margem mxima
para o pictograma

limite inferior
do pictograma

PG. 70

APLICAES DIGITAIS MULTIPLATAFORMA

Pictogramas
Os pictogramas devem ser simples e representativos da funcionalidade da aplicao. Devem ser desenhados com formas geomtricas simples, a branco,
com reas abertas onde se veja o fundo, caso beneficie a leitura da imagem.

detalhe desenhado
a branco opaco

detalhe aberto,
deixando ver o fundo

Exemplo de construo do pictograma do SAPO Cinema sobre a


grelha de construo de cones.

Exemplo do cone do SAPO Cinema finalizado, com todos os elementos de construo de cones.
Os cantos surgem arredondados ou no consoante as regras especficas de cada sistema operativo.
PG. 71

APLICAES DIGITAIS

Cores multiplataforma
A utilizao de cor na iconografia e no grafismo de aplicaes multiplataforma, deve recorrer-se paleta de cores complementares, com a adio de uma
variante mais clara e uma mais escura para definio de pormenores, marcas grficas ou construo de degrads. Estas cores podero ser utilizadas para
quaisquer outras aplicaes, apesar da sua gnese estar na multiplataforma.
Vermelho

Laranja

Rosa

Violeta

Pantone: 484 C

Pantone: 166 C

Pantone: 7647 C

Pantone: 7447 C

C: 10 M: 90 Y: 100 K: 27
R: 150 G: 35 B: 25
Hex: 962319

C: 9 M: 77 Y: 100 K: 7
R: 190 G: 75 B: 25
Hex: BE4B19

C: 30 M: 92 Y: 5 K: 0
R: 170 G: 55 B: 115
Hex: AA3773

C: 76 M: 79 Y: 12 K: 3
R: 90 G: 70 B: 120
Hex: 5A4678

C: 0 M: 73 Y: 87 K: 0
R: 235 G: 95 B: 50
Hex: EB5F32

Pantone:
7579 C

C: 0 M: 54 Y: 94 K: 0
R: 235 G: 130 B: 35
Hex: F58223

Pantone:
7413 C

C: 15 M: 61 Y: 0 K: 0
R: 235 G: 120 B: 200
Hex: EB78C8

Pantone:
2375 C

C: 28 M: 46 Y: 0 K: 0
R: 185 G: 145 B: 200
Hex: B991C8

Pantone:
7446 C

C: 13 M: 88 Y: 70 K: 59 Pantone:
R: 100 G: 12 B: 12
483 C
Hex: 640C0C

C: 12 M: 77 Y: 88 K: 53 Pantone:
R: 110 G: 40 B: 10
168C
Hex: 6E280A

C: 55 M: 100 Y: 15 K: 33 Pantone:
R: 95 G: 15 B: 70
7652 C
Hex: 5F0F46

C: 80 M: 77 Y: 27 K: 33 Pantone:
R: 60 G: 50 B: 80
669 C
Hex: 3C3250

Azul

Verde azulado

Verde

Cinza

Pantone: 7477 C

Pantone: 7734 C

Pantone: 363 C

Pantone: 423 C

C: 93 M: 51 Y: 36 K: 29
R: 15 G: 75 B: 95
Hex: 0F4B5F

C: 83 M: 23 Y: 76 K: 32
R: 25 G: 100 B: 70
Hex: 196446

C: 70 M: 23 Y: 100 K: 26
R: 65 G: 110 B: 20
Hex: 416E14

C: 0 M: 0 Y: 0 K: 70
R: 110 G: 110 B: 110
Hex: 6E6E6E

C: 76 M: 5 Y: 18 K: 0
R: 35 G: 170 B: 195
Hex: 23AAC3

Pantone:
638 C

C: 86 M: 52 Y: 43 K: 61 Pantone:
R: 10 G: 45 B: 55
548 C
Hex: 0A2D37

C: 73 M: 0 Y: 56 K: 0
R: 50 G: 180 B: 140
Hex: 32B48C

Pantone:
339 C

C: 80 M: 30 Y: 72 K: 56 Pantone:
343 C
R: 15 G: 70 B: 50
Hex: 0F4632

C: 42 M: 0 Y: 100 K: 0
R: 160 G: 205 B: 40
Hex: A0CD28

Pantone:
375 C

C: 65 M: 30 Y: 100 K: 46 Pantone:
378 C
R: 55 G: 85 B: 25
Hex: 375519

C: 0 M: 0 Y: 0 K: 0
R: 255 G: 255 B: 255
Hex: FFFFFF

Pantone:
N/A

C: 0 M: 0 Y: 0 K: 100
R: 0 G: 0 B: 0
Hex: 000000

Pantone:
Pro Black C

PG. 72