Porto Guidelines R1

Manual de
Identidade de
Marca
Índice
4 Identidade Verbal 60 Pesos 99 Escolhendo Conteúdo 142 Camiseta
7 Plataforma de Marca 61 Caracteres 100 Formatos de Comunicaçao 145 Uniforme
12 Tom de voz da Porto 62 Uso das Fontes 101 Uso Incorreto 146 Jaqueta
21 Voz na prática 64 Alinhamento 147 EPI - Capacete
65 Margens 102 Ilustraçao 148 Twizy
26 Identidade Visual 67 Entrelinhas 104 Atributos 150 Guincho
69 Entreletras 105 Cores 152 Sinalizaçao
27 Logo 71 Uso Incorreto 106 Introduçao 154 Template de Apresentaçao
28 Elementos 107 Pessoas 155 Comunicaçao Interna
29 Versão Preferencial 72 Cores 108 Objetos 156 Cartões
30 Composição 74 Cor Holding e Marca Comercial 109 Realidades Fantásticas 157 Moeda
31 Escalabilidade 76 Cor Verticais 110 Composiçao 158 Instagram Post
32 Área de Segurança 77 Cor Paleta Estendida 112 Iconografia 161 Instagram Feed
33 Logo em Movimento 78 Cor Visão Geral 162 Instagram Stories
34 Combinações de Cores 79 Combinações de Cores 117 Sistemas de Layout 163 App
37 Sobre Fotografia 119 Grid 164 OOH
38 Interação com Outras Marcas 87 Fotografia 122 Containers
39 Versão Secundaria 89 Atributos 124 Margens
43 Arquitetura de Marca 90 Categorias 125 Modularidade
55 Escalabilidade Símbolo 91 Plano Fechado 126 Exemplos
56 Uso Incorreto 93 Plano Medio
95 Plano Aberto 139 Marca em Uso
57 Tipografia 96 Iluminação 140 Papeleria
59 Fonte 97 Diversidade 141 Crachá
Manual de Identidade de Marca –

— Porto
Porto Atualizado em 14/09/2021 2021 2
Este Manual de Identidade de Marca é uma ferramenta
importante para garantir a qualidade e a consistência da
presença da Porto em todos os seus pontos de contato.
Ele direciona e exemplifica como a Porto se expressa

como marca e, consequentemente, como queremos
que as pessoas percebam a Porto enquanto empresa.
As regras e recomendações contidas aqui foram
estabelecidas para que você se sinta confiante em fazer
escolhas que sejam consistentes com a imagem que a
Porto quer transmitir pro mundo.
Importante lembrar: as imagens contidas neste guia

são apenas ilustrativas e não podem ser reproduzidas.
Em caso de dúvidas ou sugestões, por favor, escreva para:

guia.damarca@portoseguro.com.br
Manual Identidade Visual - Porto Versão 1.0 2021 3

Identidade Verbal
Manual de Identidade de Marca - Porto Atualizado em 14/09/2021 2021 4

Identidade Verbal
Introdução
A Identidade Verbal define como uma

marca usa as palavras para reforçar
seu posicionamento, assim como
toda a estratégia de marca da Porto.
A Identidade Verbal é formada pelas

mensagens, os principais temas da
nossa comunicação e pelo tom de voz
que a marca expressa nos pontos de
contato com as pessoas.
Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 5

Identidade Verbal
Construção da Marca da Porto
Promove identificação Reforça nossa essência Garante consistência
A Identidade Verbal Palavras falam muito Muitas pessoas falam

permite que nossos sobre quem somos. em nome da Porto.
públicos reconheçam
o jeito Porto de escrever E a nossa Identidade A Identidade Verbal ajuda
em diferentes materiais. Verbal foi pensada para a alinhar esse discurso onde
transmitir os valores e a quer que a gente esteja.
personalidade da Porto.

1.1
Plataforma
de Marca
Ser cada vez
mais um Porto
Seguro para
as pessoas e
seus sonhos.
Plataforma da Marca
Valores
Somos um Porto Seguro, sempre.
Somos verdadeiros em nossas relações.
Somos humanos em cada conexão.
Somos dinâmicos para transformar.

Plataforma da Marca
Personalidade
Visionária
Determinada
Simplificadora
Carismática
Empática
Plataforma da Marca
Manifesto
Manifesto A gente começou essa jornada com você lá atrás.

E os capítulos da nossa história se cruzam com os da sua.
Estivemos presentes quando você mais precisou.

Quando as “surpresas da vida” não contavam com o nosso efeito surpresa.
Aquele que fez a gente voltar mais vezes pro seu dia a dia – e ir ficando nele.
Próximos, entendemos do que mais seu reino precisava para expandir.

Ampliamos o nosso universo para potencializar todos os multiversos.
E possibilitamos que cada um seja o protagonista da sua transformação.

Porque a gente sabe que extraordinário mesmo é viver como se deseja
(Do seu jeito e no seu tempo).
É ter liberdade, poder de escolha e acesso a um mundo de experiências:

No real ou no virtual, nos dias não tão bons e nos grandes dias.
Por isso, a Porto vai estar onde a magia acontece: na sua vida.
Para quando a realidade bater à porta, transformarmos ela em algo fantástico.
Vivenciando essa jornada juntos.

Escrevendo nossas história a muitas mãos.
E sendo cada vez mais um porto seguro pra você e pros seus sonhos.

1.2
Tom de voz
da Porto
É o reflexo da sua personalidade.
É como ela se comunica com

seus públicos de forma única
e proprietária.
Está intrinsecamente ligada

a os atributos de personalidade
da Plataforma de Marca.
Tom de Voz
1. Fala fácil 2. Tem uma 3. Traz os sonhos

proximidade encantadora do futuro todo dia
Não enrola, vai direto ao ponto
e todo mundo entende. Trata as pessoas com respeito e carinho, Sempre ligada no futuro, para trazê-lo
estando sempre perto e sendo um porto o mais rápido possível para o presente,
seguro do brasileiro todo dia. realizando seus sonhos.
4. Com aquela 5. Simplifica o fantástico 6. Tem uma felicidade

brasilidade fascinante mundo da Porto mágica & contagiante
Tem emoção e não só razão, de quem Entende mais que muita gente, não é Porque faz de um tudo para te deixar
chega junto, vê magia na vida e tem nariz em pé e adora compartilhar o que à vontade ao usar um tom próximo e
orgulho de ser brasileira. sabe, simplificando o mundo dos seguros, feliz, que contagia a vida e deixa todo
serviços, da saúde e banking. dia mais mágico.

Tom de Voz
Exemplos
1. Fala fácil Dos Don'ts

Uma grande marca não Uma grande marca como a Porto tem que Óbvio que falar com todo mundo não é
precisa falar o corporativês. falar com muita gente. Falamos simples e falar todas as línguas. Mas também não
falamos direto pra falar com todo mundo. precisamos de formalidade na nossa
Com palavras ou até com imagens. comunicação geral. Uma grande marca
Objetividade com empatia. Sempre não precisa de terminologias complexas.
pensando como podemos explicar aquele Nada de pronomes de tratamento formais
assunto da maneira mais fácil. e por que não, sempre que possível,
substituir "apólice" por "contrato"?!
Melhor deixar a formalidade pro jurídico. ;)

Tom de Voz
Exemplos
2. Tem uma Dos Don'ts

proximidade
encantadora Nossos produtos e serviços envolvem o Não tentamos ser os donos da verdade.
sonho de muitos brasileiros. Pode ser um
sonho menor, como um carro ou sonho Não tratamos essas realidades/sonhos
Soluções fantásticas
de vida, como uma casa. Por isso, a Porto de forma genérica.
como o seu sonho.
tem que ser sempre humana e próxima das
pessoas. Temos que entender que cada um Não usamos nossos concorrentes para
desses sonhos é único e como podemos comparar ou provar algum ponto (aliás
ajudá-los a se contretizarem. nem precisamos falar deles).
Somos uma marca de diálogo. Para falar,
ajudar e principalmente para ouvir. Nunca deixamos de ouvir e nunca
Sempre que as pessoas precisarem, puff, deixamos de admitir nossos erros.
estaremos lá, como num passe de mágica.
Manual de identidade de Marca — Porto Atualizado em 14/09/2021 2021 16

Tom de Voz
Exemplos
3. Traz os sonhos do Dos Don'ts

futuro todo dia
A Porto é uma empresa visionária, Mas sem forçar a barra.
Antenada sem ser forçada. tech e moderna. Não precisamos se apegar a tudo que é "novo".
Falamos do futuro, mas sempre pensando Não precisamos entrar em todas as conversas,
em trazer o futuro para o presente. todos os assuntos e definitivamente não
Estamos ligados em tudo que acontece, devemos tentar se adaptar a cada nova
para ser uma marca que é referência e linguagem e trend que surge na internet.
mostrar que estamos conectados. Afinal, desde que você começou a ler esse slide,
já nasceram uns 2 ou 3 trends novos por aí.

Tom de Voz
Exemplos
4. Com aquela Dos Don'ts

brasilidade fascinante
Pra ser a descomplicadora da vida dos O Brasil é um continente. Então falar com todo
Uma marca que brasileiros a marca tem que ser brasileira. mundo não é generalizar. Mais importante que
entende os brasileiros. Se identificar com os nossas emoções e saber que o brasileiro é apaixonado por futebol,
claro, com nossos problemas. é saber que também existem exceções.
Somos brasileiros com orgulho, mas sem Nunca forçar uma brasilidade que não é natural.
precisar falar isso. A brasilidade está nos E por fim, vivemos um momento sensível e
detalhes, nos assuntos, no jeito alegre de polarizado no País e por isso evitamos polêmicas,
falar, ou até em um emoji. principalmente políticas.

Tom de Voz
Exemplos
5. Simplifica o Dos Don'ts

fantástico
Mundo da Porto "É melhor ter, mas nunca precisar" Nunca vai ser sobre sobre dar uma "aula".
A relação das pessoas com "seguros" Não descemos o assunto goela abaixo.
foi sempre complicada. Até por isso Uma marca que descomplica a vida das
A descomplicadora.
muita gente não sabe de todos os pessoas não deveria ser complicada pra
produtos e benefícios que a Porto tem. falar com elas. Ou seja, se não está direto
Posicionamos a Porto com uma lifetech. e simples, melhor rever.
Vamos além dos seguros, além dos
problemas e além das cláusulas.
Falamos de soluções pra vida.
Por isso, é tão importante falar de um jeito
simples e próximo, que todos entedam.

Tom de Voz
Exemplos
6. Tem uma felicidade Dos Don'ts

mágica & contagiante
A Porto tem tudo pra ajudar a solucionar Não é sobre forçar a risada.
Bem humorado não a maioria dos problemas das pessoas, Obvio, se precisar, a gente sabe fazer.
é sempre fazer rir. e a gente tem orgulho disso. Bom humor é piada, mas também é leveza.
Quem tem orgulho do que faz, faz É saber brincar com o que dá pra brincar,
sempre com um sorriso no rosto. mas jamais tirar sarro do consumidor.
Mas bom humor é muito mais do que Nosso objetivo final é outro tipo de sorriso:
um sorriso. Ele passa tranquilidade, o de satisfação.
confiança e proximidade.

1.3
Voz na prática
Voz na Prática Aplicação de todos os steps anteriores
Como a Porto Fala na Prática com exemplos mais concretos e definitivos.
Vermelho = NÃO
Preto = SIM
Um toque de mágica da Porto - O seguro auto da Porto tem muitas soluções pra te ajudar no
dia a dia: Carro reserva, desconto em estacionamento e reparo
aquele que surpreende emergenciais em casa.
Check ups gratuitos do carro? Porto Seguro Auto. Carro reserva?

Porto Seguro Auto. Desconto em estacionamento? Porto Seguro
Auto. Reparo na sua geladeira? Sim, Porto Seguro Auto.
Deixe de lado as formalidades Bom dia Sr. Fernando,
Olá, Fernando
"A Porto" são todos e cada um Nós temos um seguro que é perfeito para resolver…
A Porto tem uma solução pra te ajudar…
Emojis mas não tanto Imagina um seguro de carro que também tem cobertura pra
sua máquina de lavar . Imaginou? É a Porto.
Seguro de carro que cobre máquina de lavar?

Quem tem Porto tem.

Vermelho = NÃO
Preto = SIM
Falando em emojis, não exagere nas expressões Não
Sim
Perguntas às vezes refletem melhor a A Porto tem um seguro perfeito pra você que é distraído
e acaba derrubando o celular.
curiosidade das pessoas
Seguro que cobre aquela caída de celular do boslo?
Quem tem Porto, tem.
Seja empático aos problemas Recebemos sua reclamação. Em breve entramos em contato.
Olá, não se preocupe! A Porto já vai entrar em contato e te ajudar a

solucionar o problema.

Vermelho = NÃO
Preto = SIM
Cta - seja prático e dê preferência aos corretores Pra saber mais sobre o seguro Auto acesse nosso site e saiba mais.
Ficou curioso pra saber tudo que o Seguro Auto da Porto tem?
Consulte um corretor ou acesse porto.com.br/seguroauto
Somos a Porto - holding O grupo Porto tem seguros para carro, casa e muito mais.
A Porto tem a solução pra te ajudar em todos os momentos da sua

vida. Pra casa ou pro carro, quem tem Porto, tem.
Trate cada sonho com respeito e não generalize Ter uma casa própria é o sonho de todo brasileiro. Escolha a Porto
pra cuidar desse sonho.
Se o seu sonho é ter uma casa própria, a Porto tem a solução pra
que você realize esse sonho ainda mais tranquilo.

Voz na Prática Nosso universo às vezes pode parecer
Como a Porto Fala na Prática complicado. Então, sempre que puder, faça a
mágica com as palavras e descomplicar para
que todo mundo entenda.
sinistro imprevistos cobertos

indenização pagamento
prêmio custo do seguro
apólice contrato
garantias direitos
bônus descontos
adesão aceitação do contrato
avaria danos aos bens
bem objeto/propriedade/direito/ação
carência período isento de pagamento da seguradora
cláusula condições gerais de contrato
depreciação redução de valor do objeto
endosso modificações de contrato
seguro emergencial reparos de eletrodomésticos, serviços de chaveiro/encanador/etc
Internamente Externamente

Identidade Visual
Manual de Identidade de Marca - Porto Atualizado em 14/09/2021 2021 26

2.1
Logo

Logo Com linhas redesenhadas com o objetivo de Juntos, símbolo e logotipo formam o logo da Porto.
Elementos atualizar o visual da marca, o símbolo da vela Ao longo deste Manual, será possível identificar
carrega o histórico da Porto Seguro, preservando a como eles se comportam no sistema de design da
conexão imediata com a tradição e a credibilidade Porto, em diferentes lockups.
construídas ao longo dos anos.
O logotipo da Porto foi construído a partir da fonte

Porto Roobert, criada e customizada pela Displaay.
Símbolo Logotipo
Logo Esta é a versão preferencial do logo da
Versão Preferencial Porto. Ela é composta pelo símbolo da vela,
combinado ao logotipo.
O logo deve ser usado sempre que nos

referimos à Porto fora de uma frase. Ele
pode ser usado em diferentes tamanhos na
comunicação, seguindo as recomendações
demonstradas ao longo deste manual.

Logo Para compor o logo da Porto, combinamos o
Composição símbolo da vela ao logotipo, alinhados pela
altura. A distância entre os dois elementos
corresponde à largura da haste da letra P,
como demonstrado abaixo.
Alinhamento do Símbolo
Distância do Símbolo

Logo O logo da Porto foi desenhado e testado para
Escalabilidade funcionar em diversos tamanhos.
Seu tamanho mínimo para legibilidade é de

80px/2,5cm de largura.
80px / 2,5cm Tamanho mínimo

Logo É importante manter uma área de segurança ao
Área de Segurança redor do logo, evitando interferência de outros
elementos da arte, imagens e até mesmo os limites
da página.
A largura do símbolo é a medida usada para

estabelecer a área de segurança.
x x
x x

Logo Em materiais que permitem esta aplicação, o Clique na imagem abaixo para ver o logo
Logo em Movimento logo da Porto pode ser animado. É importante em movimento.
que a animação preserve as características
originais e a legibilidade do logo, traduzindo
no movimento a personalidade descrita na
Plataforma de Marca da Porto.

Logo Abaixo, uma visão geral das combinações
Combinações de Cores preferenciais de cores do logo, usando as
Preferenciais principais cores da paleta da Porto.
SIM: Off-white sobre fotografia SIM: Off-white sobre Azul Porto SIM: Branco sobre Preto
SIM: Azul Porto sobre Off-White SIM: Azul Porto sobre Preto SIM: Preto sobre Branco
Logo Abaixo, exemplos de combinações de cores a
Combinações de Cores serem evitadas na apliacação do logo.
Don'ts
NÃO: Azul Porto sobre Fotografia NÃO: Preto sobre Azul Porto NÃO: Símbolo Off-White e logotipo Preto
NÃO: Símbolo Preto e logotipo Azul Porto NÃO: Símbolo Azul Porto e logotipo Preto NÃO: Símbolo Azul Porto e logotipo Off-White
Logo Abaixo, exemplos de combinações de cores a
Combinações de Cores serem evitadas na apliacação do logo.
Don'ts
NÃO: Preto sobre cor NÃO: Cores sem contraste quando combinadas NÃO: Cor sobre cor
NÃO: Outras cores sobre Off-White NÃO: Logo com menos de 100% de opacidade NÃO: Cor sobre gradientes
Logo Aqui vemos exemplos de como o logo pode
Sobre Fotografia ser aplicado sobre fotografia. A área escolhida
para aplicação deve sempre garantir o contraste
entre o logo, que deve ser usado em off-white, e
a imagem de fundo.
SIM: Contraste suficiente entre logo e fundo NÃO: Contraste insuficiente entre logo e fundo

Logo O logo da Porto pode ser combinado à esquerda
Interação com Outras Marcas de outros logos, com uma barra centralizada
entre eles. A distância dos logos para a barra é
estabelecida pela metade da largura do símbolo da
Porto, como demonstrado abaixo.
Os logos devem ser alinhados pelo meio e

dimensionados de maneira a manter o equilíbrio
visual da composição.
x 0,5x 0,5x

Logo Para aplicações específicas, como crachá ou
Versão Secundária sinalização externa em tótens, o logo da Porto
pode ser usado em sua versão secundária, com
composição vertical.

Logo Para composição vertical do logo, símbolo e
Versão Secundária logotipo devem estar alinhados pela largura. A
Composição distância entre os dois elementos corresponde a
1,5 da largura da haste da letra P.
1,5x

Logo A versão secundária do logo da Porto foi
Versão Secundária desenhada e testada para funcionar em
Escalabilidade diversos tamanhos.

40px/1,5cm de largura.
40px/1,5cm Tamanho mínimo

Logo Também na versão secundária, é importante
Versão Secundária manter uma área de segurança ao redor do logo,
Área de Segurança evitando interferência de outros elementos da arte,
imagens e até mesmo os limites da página.
A altura do "P" é a medida usada para estabelecer

a área de segurança.
x x
x x

Logo A arquitetura de marca tem como objetivo
Arquitetura de Marca organizar como a holding, a marca coporativa
comercial, as verticais e as ofertas da Porto
se relacionam visualmente. Essa lógica foi
estruturada para facilitar o reconhecimento e
tirar proveito da confiança e o valor da Porto já
estabelecidos no mercado.
Holding
Marca Corporativa Comercial
Verticais
Produtos

Logo Os logos das verticais da Porto — Porto Eles são compostos pelo símbolo da vela,
Arquitetura de Marca Seguros, Porto Serviços, Porto Saúde e o logotipo Porto e o descritivo da atuação
Verticais Porto Bank — derivam diretamente da da vertical. Na versão preferencial, abaixo, o
Versão Preferencial marca corporativa comercial. símbolo e o logotipo Porto recebem uma cor
específica para cada vertical, e o descritivo da
atuação é utilizado em preto.

Logo Este é o logo da Porto Seguros.
Arquitetura de Marca
Verticais O logo deve ser usado sempre que nos referimos
Porto Seguros à Porto Seguros fora de uma frase. Ele pode ser
usado em diferentes tamanhos na comunicação,
seguindo as recomendações demonstradas ao
longo deste manual.

Logo Este é o logo da Porto Serviços.
Porto Serviços à Porto Serviços fora de uma frase. Ele pode ser
longo deste manual.

Logo Este é o logo da Porto Saúde.
Porto Saúde à Porto Saúde fora de uma frase. Ele pode ser
longo deste manual.

Logo Este é o logo do Porto Bank.
Porto Bank ao Porto Bank fora de uma frase. Ele pode ser
longo deste manual.

Logo Para compor o logo das verticais da Porto, A distância entre o símbolo da vela e o logotipo da
Arquitetura de Marca combinamos o símbolo da vela ao logotipo e Porto corresponde a 1,5 da largura da haste da letra
Verticais ao descritivo de atuação da respectiva vertical. "P". Não há espaçamento adicional entre Porto e o
Composição O logotipo e o descritivo são alinhados pela descritivo da vertical, além das entreletras.
altura, e o símbolo da vela corresponde a
1,75 dessa medida, alinhado pelo meio, como
demonstrado abaixo.
1,5x
1,75y y

Logo Para aplicações específicas, os logos das verticais
Arquitetura de Marca da Porto podem ser usados em sua versão
Verticais secundária, em que o logotipo da Porto e o
Versão Secundária descritivo de atuação são alinhados à esquerda, em
composição vertical.
Seguros Serviços
Saúde Bank

Logo Os logos dos produtos da Porto derivam das Os logos devem ser usados sempre que nos
Arquitetura de Marca marcas das respectivas verticais. Eles são referimos aos produtos fora de uma frase. Eles
Produtos compostos pelo símbolo da vela, na cor da vertical, podem ser usados em diferentes tamanhos
Versão Preferencial e o nome do produto, em preto. na comunicação, seguindo as recomendações
demonstradas ao longo deste manual.

Logo Para aplicações específicas, nomes muito longos
Arquitetura de Marca ou em situações em que há limitação de espaço, os
Produtos logos dos produtos da Porto podem ser usados em
Versão Secundária sua versão secundária, em que o logotipo da Porto
e o descritivo de atuação são alinhados à esquerda,
em composição vertical.
Seguro de Carro
Condomínio Fácil
Plano Conta
Odontológico Digital

Logo Quando for necessária a utilização do nome da
Arquitetura de Marca vertical combinada ao nome do produto, essa
Produtos composição deve ser feita em forma de endosso.
Endosso da Vertical
O nome do produto e o logo da vertical devem ser
alinhados à esquerda, como demosntrado abaixo.
Seguro de Condomínio Carro Fácil

PortoSeguros PortoServiços
Plano Odontológico
PortoSaúde

Logo Este é o logo da Porto Seguro SA. Ele é composto
Arquitetura de Marca pelo símbolo da vela, em azul, combinado ao
Holding logotipo Porto Seguro SA, em preto.
O logo deve ser usado sempre que nos referimos

à Porto Seguro SA fora de uma frase. Ele pode ser
longo deste manual.

Logo O símbolo da vela da Porto foi desenhado e
Símbolo testado para funcionar em diversos tamanhos.
Escalabilidade Para Aplicações Digitais
20px de largura.
16px 32px 48px 57px 72px 114px 192px 256px 512px

Logo Abaixo, exemplos do que evitar ao aplicar
Uso Incorreto o logo da Porto em diferentes materiais.
NÃO: separe os elementos do logo além do recomendado NÃO: adicione contorno ao logo. NÃO: altere as dimensões dos elementos do logo. NÃO: incline o logo.
Porto
NÃO: use efeito de sombra no logo. NÃO: altere os caracteres do logotipo. NÃO: utilize o logo em baixa resolução. NÃO: altere as cores do logo.
2.2
Tipografia

Tipografia é um
importante elemento
de nossa identidade —
a fonte customizada
da Porto carrega a
personalidade da
marca, permitindo sua
presença constante na
comunicação.
Tipografia Porto Roobert foi customizada pela Displaay
Fonte especialmente para fazer parte do sistema de
design da Porto.
Suas formas arredondadas traduzem as

características de carisma e empatia da marca,
enquanto que seus aspectos geométricos
representam a personalidade visionária,
determinada e simplificadora da Porto.

Tipografia Diferentes pesos da Porto Roobert são usados
Pesos na comunicação, criando a hierarquia necessária
entre as informações.
São eles:
Porto Roobert Medium
Porto Roobert Semibold
Porto Roobert Bold
Porto Roobert Medium

Porto Roobert Semibold
Porto Roobert Bold

Tipografia Estes são os caracteres da Porto Roobert.
Caracteres Use esta página como um guia de glifos disponíveis.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Maiúsculas
Minúsculas
abcdefghijklmnopqrstuvwxyz
0123456789 00112233445566778899 ¼½¾⅓⅔⅛⅜⅝⅞
Numerais / Frações
Latim Estendido
ĀĂĄĆĈĊČĎĐĒĒĔĔĖĖĘĘĚĚĜĞĠĢĤĦĨĪĬĮİĲĴĶĹĹĻĻĽĽĿĿŁŁŃŅŇŊŌŎŐŒ
ŔŖŘŚŜŞŠŢŤŨŪŬŮŰŲŴŶŸŹŻŽ
Latim Estendido
āāăăąąćĉċčďđēĕėęěĝĝğğġġģģĥħĩīĭĵķĺļľŀłńņňŋōŏőœŕŗřśŝşšţţťťŧŧũūŭů
űųŵŷŷźżž
Ligaduras
TT Th Ti ff ffi ffl fi fl rf rt tt
Moedas
$¢£¤¥€
Matemática
+<=>|~¬±×÷⁄←↑→↓↔∂∆∏∑−√∞∫≈≠≤≥
Pontuação
!"#%&'()*,-./:;?@[\]_{}¡§«¶ ̒ ̌–̨ —‘‘’’‚‚““””„„†‡••…‰‹›��
Caracteres Especiais

Tipografia Este é um exemplo de como os diferentes pesos
Uso das Fontes são combinados na comunicação da marca.
Porto Título
Título
Porto Roobert Bold
Tamanho 260 PT
Leading 208 PT - 80%
Kerning -20PT
Porto Subtítulo I
Subtítulo I
Porto Roobert SemiBold
Tamanho 170 PT
Kerning -20PT
Porto Subtítulo II
Subtítulo II
Porto Roobert SemiBold
Tamanho 110 PT
Kerning -20PT
Corpo de Texto Este é um exemplo de corpo de texto. Feritiae. Vitaquia aliquibusa dignatur re Tiorumquos doluptatur alit, in rerovid esedis mo omnit, esequia qui cusaecto
Porto Roobert Medium atemporeium haribus eum, quo es perest ratius si aut venisim re solupta. dolum, quam hillore coreseque conestiis. Olor aut ea qui re velitibus aspedis
Tamanho 20 PT
Leading 24 PT - 120% Ut optus illam, oditem et et dolorec tempore pudant minti bea sumquia. secearum id mo ium evelitatio. Vitaquia aliquibusa dignatur re atemporeium.
Kerning -20PT

Tipografia Abaixo, exemplos de como esses pesos podem
Uso das Fontes ser aplicados na prática.
Exemplos
Quem Quem tem

Porto, tem
Quem tem
Porto Seguros,
tem tem segurança
para ir e vir.
Porto,
tem
Tudo pra facilitar o seu dia a dia Tudo pra facilitar o seu dia a dia Tudo pra facilitar o seu dia a dia
na porto.com.br na porto.com.br na porto.com.br
Porto Título Porto Subtítulo I Porto Subtítulo II

Tipografia Tanto tipografia grande, usada para títulos e
Alinhamento momentos expressivos de impacto, quanto
parágrafos, subtítulos e pequenos textos devem
ser alinhados à esquerda.
Texto alinhado Texto alinhado

à esquerda ao centro
Este é um exemplo de corpo de texto. Feritiae vitaquia aliquibusa dignatur re atemporeium haribu. Este é um exemplo de corpo de texto. Feritiae vitaquia aliquibusa dignatur re atemporeium haribus eum.
Ratius si aut venisim re solupta. Ut optus illam, oditem et et dolorec velitibus aspedis secearum. Ratius si aut venisim re solupta. Ut optus illam, oditem et et dolorec.
Feritiae olor aut ea qui re velitibus aspedis secearum id mo ium evelitatio et aliquibusa dignatur. Olor aut ea qui re velitibus aspedis secearum id mo ium evelitatio aliquibusa dignatur.
SIM: Alinhado à esquerda NÃO: Centralizado
Texto justificado Texto alinhado

à direita
Este é um exemplo de corpo de texto. Feritiae vitaquia aliquibusa dignatur re atemporeium haribus eum. aliquibusa Este é um exemplo de corpo de texto. Feritiae vitaquia aliquibusa dignatur.
dignatur re atemporeium. Ratius si aut venisim re solupta. Ut optus illam, oditem et et dolorec. Olor aut ea qui re velitibus Ratius si aut venisim re solupta. Ut optus illam, oditem et et dolorec.
aspedis secearum id mo ium evelitatio aliquibusa dignatur. Feritiae vitaquia eum aliquibusa dignatur re atemporeium. Olor aut ea qui re velitibus aspedis secearum id mo ium evelitatio aliquibusa dignatur.
NÃO: Texto justificado NÃO: Alinhado à direita

Tipografia Margens (o espaço entre as bordas da página e
Margens o conteúdo) não são definidas por um cálculo
matemático. Em resumo, as margens devem ser
justas, mas margens muito largas ou estreitas
demais devem ser evitadas.
Como demonstrado abaixo, utilize um parâmetro

visual para definir as margens: nem muito estreita,
nem muito larga — na medida certa.
NÃO: Muito estreita SIM: Na medida certa NÃO: Muito larga

Tipografia O sistema de design da Porto permite a utilização É importante ressaltar que isso não se aplica
Margens de variados tamanhos de tipografia, de pequeno a somente ao tamanho do material, mas também à
grande, como ilustrado abaixo. distância em que a comunicação será consumida —
peças de mídia externa, por exemplo, geralmente
De maneira geral, quanto maior a tipografia, mais são vistas à distância, e, por isso, parecem
justas devem ser as margens, e vice-versa. visualmente pequenas.
Quem Quem tem

Porto, tem
Quem tem
Porto Seguros,
tem tem segurança

para ir e vir.
Porto,
tem
SIM: Na medida certa SIM: Na medida certa SIM: Na medida certa

Tipografia Entrelinhas (também conhecidas como leading) são visual para definir as entrelinhas: nem muito justas,
Entrelinhas o espaçamento entre duas linhas de tipografia. nem muito espaçadas — na medida certa.
Destaque
As entrelinhas variam de acordo com o formato De maneira geral, quanto maior a tipografia, mais
e o tamanho da fonte de cada comunicação. Em justas devem ser as entrelinhas, e vice-versa. Fique
resumo, as entrelinhas devem ser justas, mas atento aos ascendentes e descendentes para que
espaçamento muito grande ou muito pequeno as letras nunca se toquem.
deve ser evitado.
Ilustrados abaixo, exemplos de entrelinhas corretas
Como demonstrado abaixo, utilize um parâmetro e incorretas para títulos.
Estas entrelinhas
NÃO: Muito justas
Tamanho 100 PT
são muito justas.

Leading 80 PT - 80%
Estas entrelinhas
SIM: Na medida certa
Tamanho 110 PT
têm a medida certa.
Estas entrelinhas
NÃO: Muito espaçadas
Tamanho 110 PT
são muito espaçadas.

Tipografia Entrelinhas (também conhecidas como leading) são visual para definir as entrelinhas: nem muito justas,
Entrelinhas o espaçamento entre duas linhas de tipografia. nem muito espaçadas — na medida certa.
Corpo de Texto
As entrelinhas variam de acordo com o formato De maneira geral, quanto maior a tipografia, mais
e o tamanho da fonte de cada comunicação. Em justas devem ser as entrelinhas, e vice-versa. Fique
resumo, as entrelinhas devem ser justas, mas atento aos ascendentes e descendentes para que
espaçamento muito grande ou muito pequeno as letras nunca se toquem.
deve ser evitado.
Ilustrados abaixo, exemplos de entrelinhas corretas
Como demonstrado abaixo, utilize um parâmetro e incorretas para corpo de texto.
NÃO: Muito justas Este é um exemplo de corpo de texto. Feritiae. Vitaquia eum aliquibusa dignatur
Tamanho 20 PT atemporeium haribus eum, quo es perest ratius si aut venisim perest re solupta.
Leading 18 PT - 90% Ut optus illam, oditem et et dolorec tempore pudant minti bea sumquia tiorumquos
doluptatur alit, in rerovid esedis mo omnit, esequia qui cusaecto dolum, quam
hillore coreseque conestiis. Olor aut ea qui re velitibus aspedis secearum id mo ium
Vitaquia aliquibusa dignatur re atemporeium haribus eum, quo es perest ratius si
aut venisim re solupta. Ut optus illam, oditem et et dolorec oditem et tempore.
SIM: Na medida certa Este é um exemplo de corpo de texto. Feritiae. Vitaquia aliquibusa dignatur re
Tamanho 20 PT atemporeium haribus eum, quo es perest ratius si aut venisim re solupta. Ut
optus illam, oditem et et dolorec tempore pudant minti bea sumquia tiorumquos
evelitatio. Ut optus illam, oditem et et dolorec tempore pudant minti bea sumquia.
NÃO: Muito espaçadas Este é um exemplo de corpo de texto. Feritiae. Vitaquia aliquibusa dignatur re
Tamanho 20 PT
Leading 30 PT - 150% atemporeium ratius haribus eum, quo es perest ratius si aut venisim re solupta.
Ut optus illam, oditem et et dolorec tempore pudant minti bea sumquia tiorumquos
evelitatio dolorec haribus rerovid esedis mo omnit eum tempore pudant minti.

Tipografia Entreletras (também conhecidas como tracking) Como demonstrado abaixo, utilize um parâmetro
Entreletras são o espaçamento individual entre cada letra de visual para definir as entreletras: nem muito justas,
Destaque uma palavra. nem muito espaçadas — na medida certa.
As entreletras variam de acordo com o formato De maneira geral, quanto maior a tipografia, mais
e o tamanho da fonte de cada comunicação. Em justas devem ser as entreletras, e vice-versa.
resumo, as entreletras devem ser justas, mas
espaçamento muito grande ou muito pequeno Ilustrados abaixo, exemplos de entreletras corretas
deve ser evitado. e incorretas para um título.
Estas entreletras
NÃO: Muito justas
Tamanho 110 PT
Tracking 100 PT - 90%
são muito justas.
Estas entreletras
SIM: Na medida certa
Tamanho 20 PT
têm a medida certa.
Estas entreletras
NÃO: Muito espaçadas
Tamanho 20 PT
são muito espaçadas.

Tipografia Entreletras (também conhecidas como tracking) Como demonstrado abaixo, utilize um parâmetro
Entreletras são o espaçamento individual entre cada letra de visual para definir as entreletras: nem muito justas,
Corpo de Texto uma palavra. nem muito espaçadas — na medida certa.
As entreletras variam de acordo com o formato De maneira geral, quanto maior a tipografia, mais
e o tamanho da fonte de cada comunicação. Em justas devem ser as entreletras, e vice-versa.
resumo, as entreletras devem ser justas, mas
espaçamento muito grande ou muito pequeno Ilustrados abaixo, exemplos de entreletras corretas
deve ser evitado. e incorretas para corpo de texto.
NÃO: Muito justas Este é um exemplo de corpo de texto. Feritiae. Vitaquia aliquibusa dignatur atemporeium
Tamanho 20 PT
Tracking -60 PT
haribus eum, quo es perest ratius si aut venisim re solupta. Ut optus illam, oditem et et
dolorec tempore pudant minti bea sumquia tiorumquos doluptatur alit, in rerovid esedis
mo omnit, esequia qui cusaecto dolum, quam hillore coreseque conestiis. Olor aut ea qui
re velitibus aspedis secearum id mo ium sumquia minti tiorumquos doluptatur evelitatio.
SIM: Na medida certa Este é um exemplo de corpo de texto. Feritiae. Vitaquia aliquibusa dignatur re
Tamanho 20 PT
atemporeium haribus eum, quo es perest ratius si aut venisim quo re solupta.
Tracking -20 PT
Ut optus illam, oditem et et dolorec tempore pudant minti bea sumquia tiorumquos
evelitatio optus illam, oditem et et haribus eum tempore pudant dolorec tempore.
NÃO: Muito espaçadas Este é um exemplo de corpo de texto. Feritiae. Vitaquia aliquibusa dignatur
Tamanho 20 PT
re atemporeium haribus eum, quo es perest ratius si aut venisim re solupta.
Tracking 30 PT
Ut optus illam, oditem et et dolorec tempore pudant minti bea sumquia
tiorumquos doluptatur alit, in rerovid esedis mo omnit, esequia qui cusaecto
dolum, quam hillore coreseque conestiis. Olor aut ea qui re velitibus aspedis
secearum id mo oditem et et dolorec ium evelitatio perest ratius si venisim.

Tipografia Abaixo, exemplos do que evitar ao usar tipografia
Uso Incorreto no sistema de design da Porto.
Quem tem Quem tem Quem tem
Quem tem
Porto, tem
Porto, tem Porto, tem
Porto, tem
NÃO: Use outras fontes além das estabelecidas neste manual NÃO: Rotacione o texto NÃO: Justifique o texto NÃO: Estique o texto verticalmente

vir n s,
Porto Seguros, Porto, tem

e ra o
ra se eg m
. ça
ir gu ur
pa m o S te
tem segurança
te rt m
Po ue
para ir e vir.
Q
Porto, tem
NÃO: Use o texto angulado NÃO: Separe o texto sem considerar seu significado NÃO: Tamanhos de fonte diferentes em uma mesma frase NÃO: Estique o texto horizontalmente
2.3
Cores

A combinação do universo
azul de Porto e suas
verticais a uma extensão
colorida e vibrante da paleta
garante flexibilidade e
atemporalidade ao sistema
de design da marca.

Cor Essa é a base da nossa paleta de cores. Aqui
Holding e Marca Corporativa Comercial seguimos próximos do universo já associado com
Porto — o azul tradicional da marca — combinado a
cores neutras que farão parte das composições de
lockups e layouts.
Azul Porto
R0 G161 B252
C70 M30 Y0 K0
HEX #00a1fc
PMS 2191C

Cor Essa é a base da nossa paleta de cores. Aqui
Holding e Marca Corporativa Comercial seguimos próximos do universo já associado com
Porto — o azul tradicional da marca — combinado a
cores neutras que farão parte das composições de
lockups e layouts.
Off-White Azul Porto Azul Porto Escuro Preto
R235 G241 B236 R0 G161 B252 R0 G70 B192 R0 G0 B0

C7 M2 Y6 K0 C70 M30 Y0 K0 C93 M78 Y0 K0 C60 M0 Y0 K100
HEX #ebf1ec HEX #00a1fc HEX #0046c0 HEX #000000
PMS 7541C PMS 2191C PMS 2728C PMS BLACK 6C

Cor Seguros credibilidade fundamental quando se trata de Serviços
Verticais Para esta vertical, mantemos o azul da Holding produtos financeiros, mas sem deixar de lado a A vertical de serviços está muito presente no dia-
como cor principal. Isso nos permite preservar a modernidade da tecnologia. a-dia dos clientes Porto. Aqui buscamos cores
conexão e o reconhecimento de Seguros como urbanas e modernas, com tom azulado para tornar
parte fundamental da história da Porto. Saúde a conexão com o universo Porto ainda mais natural.
Verde é tradicionalmente associado à saúde e ao
Bank bem-estar. Na paleta desta vertical, o azul de Porto
O azul escuro cria uma associação direta com se mistura à cor da categoria para formar um tom
as cores da Holding, emprestando seu prestígio único e impactante.
a essa nova marca. O tom escolhido injeta a
Azul Porto Escuro Azul Porto Bank Escuro Azul Porto Saúde Escuro Azul Porto Serviços Escuro
HEX #0046c0 HEX #0a0047 HEX #01383d HEX #304e59
Azul Porto Escuro, 85% de Opacidade Azul Porto Bank Escuro, 85% de Opacidade Azul Porto Saúde Escuro, 85% de Opacidade Azul Porto Serviços Escuro, 85% de Opacidade
HEX #2662c9 HEX #2f2663 HEX #27565a HEX #4d607a
Azul Porto Azul Porto Bank Azul Porto Saúde Azul Porto Serviços
R0 G161 B252 R43 G86 B192 R0 G112 B133 R75 G116 B170
C70 M28 Y0 K0 C85 M70 Y0 K0 C90 M44 Y38 K10 C76 M52 Y10 K0
HEX #00a1fc HEX #2c3da8 HEX #007085 HEX #79a3c9
PMS 2191C PMS 2131C PMS 7474C PMS 7682C
Azul Porto, 60% de Opacidade Azul Porto Bank, 60% de Opacidade Azul Porto Saúde, 60% de Opacidade Azul Porto Serviços, 60% de Opacidade
HEX #66cafc HEX #809ad9 HEX #66a9b6 HEX #afc8df
Azul Porto, 30% de Opacidade Azul Porto Bank, 30% de Opacidade Azul Porto Saúde, 30% de Opacidade Azul Porto Serviços, 30% de Opacidade
HEX #b3e4fd HEX#bfccec HEX #b3d4da HEX #d7e3ef

Cor Para expandir e tornar ainda mais flexível a
Paleta Estendida paleta de cores da Holding e das Verticais,
criamos uma paleta de cores estendida, que vai
informar as escolhas de fotografia e ilustração,
complementando as cartelas primárias e
secundárias da marca.
Verde Escuro Amarelo Escuro Vermelho Escuro Rosa Escuro Violeta Escuro
HEX #034d2e HEX #94621f HEX #842310 HEX #890099 HEX #48316d
Verde Amarelo Vermelho Rosa Violeta
R44 G204 B110 R231 G224 B51 R255 G90 B64 R248 G100 B245 R134 G69 B255
C70 M0 Y80 K0 C12 M2 Y92 K0 C0 M80 Y77 K0 C0 M70 Y0 K0 C60 M100 Y0 K0
HEX #2ccc6e HEX #e7e033 HEX #ff5a40 HEX #f864f5 HEX #8645ff
PMS 7479C PMS 388C PMS 171C PMS 238C PMS 265C
Verde, 60% de Opacidade Amarelo, 60% de Opacidade Vermelho, 60% de Opacidade Rosa, 60% de Opacidade Violeta, 60% de Opacidade
HEX #80e0a8 HEX #f1ec85 HEX #ff9c8c HEX #fba2f9 HEX #b68fff
Verde, 30% de Opacidade Amarelo, 30% de Opacidade Vermelho, 30% de Opacidade Rosa, 30% de Opacidade Violeta, 30% de Opacidade
HEX #c0f0d3 HEX #f8f6c2 HEX #ffcdc6 HEX #fdd1fc HEX #dbc7ff

Cor Estes são os códigos de cada uma das cores da
Visão Geral Porto em Pantone (para impressão em uma cor/
cor especial), em CMYK (para impressão em quatro
cores), em RGB e HEX (para telas).
Utilize sempre o tipo e o código de cor corretos

para cada aplicação, para garantir consistência
entre os materiais.
Azul Porto Escuro Azul Porto Serviços Escuro Azul Porto Saúde Escuro Verde Escuro Amarelo Escuro Vermelho Escuro Rosa Escuro Violeta Escuro Azul Porto Bank Escuro Preto
HEX #0046c0 HEX #304e59 HEX #01383d HEX #034d2e HEX #94621f HEX #842310 HEX #890099 HEX #48316d HEX #0a0047 HEX #000000
Azul Porto Azul Porto Serviços Azul Porto Saúde Verde Amarelo Vermelho Rosa Violeta Azul Porto Bank Preto 75% de Opacidade
R0 G161 B252 R75 G116 B170 R0 G112 B133 R44 G204 B110 R231 G224 B51 R255 G90 B64 R248 G100 B245 R134 G69 B255 R43 G86 B192 R0 G0 B0
C70 M28 Y0 K0 C76 M52 Y10 K0 C90 M44 Y38 K10 C70 M0 Y80 K0 C12 M2 Y92 K0 C0 M80 Y77 K0 C0 M70 Y0 K0 C60 M100 Y0 K0 C85 M70 Y0 K0 C60 M0 Y0 K100
HEX #00a1fc HEX #79a3c9 HEX #007085 HEX #2ccc6e HEX #e7e033 HEX #ff5a40 HEX #f864f5 HEX #8645ff HEX #2c3da8 HEX #404040
PMS 2191C PMS 7682C PMS 7474C PMS 7479C PMS 388C PMS 171C PMS 238C PMS 265C PMS 2131C PMS BLACK 6C
Azul Porto Azul Porto Serviços Azul Porto Saúde Verde Amarelo Vermelho Rosa Violeta Azul Porto Bank Preto
60% de Opacidade 60% de Opacidade 60% de Opacidade 60% de Opacidade 60% de Opacidade 60% de Opacidade 60% de Opacidade 60% de Opacidade 60% de Opacidade 50% de Opacidade
HEX #66cafc HEX #afc8df HEX #66a9b6 HEX #80e0a8 HEX #f1ec85 HEX #ff9c8c HEX #fba2f9 HEX #b68fff HEX #809ad9 HEX #808080
Azul Porto Azul Porto Serviços, Azul Porto Saúde, Verde Amarelo Vermelho Rosa Violeta Azul Porto Bank Preto
30% de Opacidade 30% de Opacidade 30% de Opacidade 30% de Opacidade 30% de Opacidade 30% de Opacidade 30% de Opacidade 30% de Opacidade 30% de Opacidade 30% de Opacidade
HEX #b3e4fd HEX #d7e3ef HEX #b3d4da HEX #c0f0d3 HEX #f8f6c2 HEX #ffcdc6 HEX #fdd1fc HEX #dbc7ff HEX#bfccec HEX#b3b3b3

Cor Em situações em que comunicamos múltiplas
Combinações de Cores ofertas do portfólio da Porto, é possível criar
Portfólio composições entre as paletas da Holding/Marca
Corporativa Comercial e das verticais.
Em resumo, deve-se selecionar uma das cores

da Holding e uma cor de cada vertical — as cores
das verticais devem ser usadas em diferentes
porcentagens, como demosntrado abaixo.
Cor da Holding Cores das Verticais
Azul Porto Cor 1 — Cor de Vertical, Clara (60%) Cor 2 — Cor de Vertical Cor 3 — Cor de Vertical, Escura


Cor da Holding Cores das Verticais
Porto Off-White Cor 1 — Cor de Vertical, Clara (60%) Cor 2 — Cor de Vertical Cor 3 — Cor de Vertical, Escura



Cor
Combinações de Cores
Exemplos
Facilitar Facilitar Facilitar

o seu dia, o seu dia, o seu dia,
todo dia. todo dia. todo dia.

Cor
Combinações de Cores
Exemplos
Facilitar Facilitar Facilitar

o seu dia, o seu dia, o seu dia,
todo dia. todo dia. todo dia.
Gestão do Cartão
Fatura do mês
R$4.148,12
30%
4.5
3.0
1.5
Abr Mai Jun Jul
Insights
Últimos gastos
Transferência Enviada R$780
12/03 – pendente
Z Deli Lanches R$432

10/03
Porto Reparo R$75

07/03

Cor Estes são exemplos de combinações possíveis em
Combinações de Cores tipografia para a Holding e a Marca Corporativa
Tipografia Comercial.
Holding e Marca Corporativa Comercial
Quem Quem Quem

tem tem tem
Porto, Porto, Porto,
tem tem tem
Cor Estes são exemplos de combinações possíveis em
Combinações de Cores tipografia para as verticais.
Tipografia
Verticais
Quem tem Quem tem Quem tem Quem tem

Porto Seguros, Porto Bank, Porto Saúde, Porto Serviços,
tem segurança tem confiança tem tudo pra tem ajuda no
para ir e vir. pra investir. ficar bem. dia-a-dia.
SIM: Off-White sobre Azul Porto SIM: Off-White sobre Azul Porto Bank SIM: Off-White sobre Azul Porto Saúde SIM: Off-White sobre Azul Porto Serviços

SIM: Azul Porto sobre Off-White SIM: Azul Porto Bank sobre Off-White SIM: Azul Porto Saúde sobre Off-White SIM: Azul Porto Serviços sobre Off-White
COR Estes são exemplos de combinações a evitar
Combinações de cores em tipografia.
Tipografia
Verticais

NÃO: Preto sobre Azul Porto NÃO: Sobrepor cores de de diferentes verticais NÃO: Usar tom mais claro da cor da vertical NÃO: Usar tom mais escuro da cor da vertical

NÃO: Usar outras cores sobre Azul Porto NÃO: Usar outras cores sobre Off-White NÃO: Usar Off-White sobre cor sem contraste NÃO: Usar Preto sobre cor da vertical
2.4
Fotografia

Fotografia é uma parte
importante do sistema de
design da Porto, pois nos
permite mostrar as pessoas
diversas e inspiradoras
que compõem nossa
comunidade.

FOTOGRAFIA Estes são os atributos que descrevem o ponto de
Atributos vista da fotografia da Porto.
Eles devem ser usados como um guia de curadoria

na seleção de imagens e orientação a fotógrafos
no que diz respeito à comunicação, de conteúdo
editorial à campanhas publicitárias.
Visionária
Determinada
Simples
Carismática
Empática
FOTOGRAFIA A fotografia da Porto se divide em três categorias: suas atividades, Clientes em cenas cotidianas.
Categorias 1.Planos Fechado / 2.Planos Médio / 3.Plano Aberto
Quando retratando pessoas, tanto em Plano Fechado
Planos Fechados nos permitem destacar as pessoas quanto Médio, priorize ângulos baixos de câmera para
que fazem parte do universo da Porto, sejam elas simular proximidade, conexão e engajamento.
Colaboradores, Prestadores de Serviço ou Clientes.
Já para momentos mais conceituais da comunicação
Planos Médios mostram essas pessoas no contexto da Porto, o Plano Aberto (mais distante) ajuda a
que representam dentro do universo da marca — traduzir o aspecto visionário da marca.
Colaboradores e Prestadores de Serviço exercendo
Plano Fechado Plano Médio Plano Aberto

FOTOGRAFIA Planos Fechados nos permitem destacar as
Plano Fechado pessoas que fazem parte do universo da Porto,
Estúdio sejam elas Colaboradores, Prestadores de
Serviço ou Clientes.
Abaixo, exemplos de como podemos retratar

esses perfis em estúdio. Priorize ângulos
baixos de câmera para simular proximidade,
conexão e engajamento.
Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 91

FOTOGRAFIA Planos Fechados nos permitem destacar as
Plano Fechado pessoas que fazem parte do universo da Porto,
Ambiente sejam elas Colaboradores, Prestadores de Serviço
ou Clientes.
Abaixo, exemplos de como podemos retratar esses

perfis em diferentes ambientes, tanto internos
como externos. Priorize ângulos baixos de câmera
para simular proximidade, conexão e engajamento.

FOTOGRAFIA Planos Médios são usados para mostrar pessoas no
Plano Médio contexto que representam dentro do universo da
Colaboradores & Prestadores de Serviços marca — Colaboradores e Prestadores de Serviço
exercendo suas atividades, por exemplo.
Abaixo, uma amostra de como podemos retratar

esses perfis. Priorize ângulos baixos de câmera
para simular proximidade, conexão e engajamento.

FOTOGRAFIA Planos Médios são usados para mostrar
Plano Médio pessoas no contexto que representam dentro
Clientes do universo da marca — Clientes em cenas
cotidianas, por exemplo.
Abaixo, uma amostra de como podemos

retratar esses momentos. Priorize ângulos
baixos de câmera para simular proximidade,
conexão e engajamento.

FOTOGRAFIA Para momentos mais conceituais da comunicação
Plano Aberto da Porto, o Plano Aberto (mais distante) ajuda a
traduzir o aspecto visionário da marca.
Abaixo, uma amostra de como podemos usá-lo na

fotografia da Porto.
Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 Versão 1.0 95

FOTOGRAFIA Abaixo, exemplos do que priorizar e evitar na
Iluminação iluminação em fotografia.
SIM: Luz difusa e natural NÃO: Excesso de contraste de sombras

FOTOGRAFIA Para o casting de imagens e campanhas da Porto,
Casting considere a diversidade de etnias de maneira a
Diversidade refletir a sociedade da qual fazemos parte.

FOTOGRAFIA Para o casting de imagens e campanhas da
Casting Porto, considere a diversidade de faixas etárias
Faixas Etárias de maneira a refletir a sociedade da qual
fazemos parte.

FOTOGRAFIA Ao escolher conteúdo para a comunicação,
Escolhendo Conteúdo considere imagens cujo conteúdo faça sentido
para a mensagem que você quer comunicar.

Porto Seguros, Porto Serviços, Porto Saúde, Porto Bank,
tem segurança tem ajuda no tem tudo pra tem confiança
para ir e vir. dia-a-dia. ficar bem. pra investir.
Tudo pra facilitar o seu dia a dia Tudo pra facilitar o seu dia a dia Tudo pra facilitar o seu dia a dia Tudo pra facilitar o seu dia a dia
na porto.com.br na porto.com.br na porto.com.br na porto.com.br
SIM: A imagem reflete o significado e a intenção do texto SIM: A imagem reflete o significado e a intenção do texto NÃO: A imagem não reflete o significado e a intenção do NÃO: A imagem não reflete o significado e a intenção do
texto, confundindo e distraindo do objetivo da mensagem texto, confundindo e distraindo do objetivo da mensagem

FOTOGRAFIA Escolher a imagem certa para as dimensões do Apesar de ter mais espaço nas comunicações
Formatos de Comunicação material em questão também é muito importante. e módulos de médio e grande porte, sempre
certifique-se de ajustar o enquadramento das
Para pequenos módulos, procure escolher imagens imagens para criar as composições mais fortes.
composicionalmente fortes e simples. Imagens
complexas podem distrair e confundir.
Quem tem Quem tem

Quem tem Quem tem
Porto Saúde, Porto Serviços,
Porto, tem Porto, tem

tem tudo pra tem ajuda no
ficar bem. dia-a-dia.
NÃO: Imagem com muitos elementos para formatos NÃO: Imagem sem luz e contraste suficientes para
pequenos, resultando em uma composição confusa formatos pequenos
Quem tem Quem tem

Porto Saúde, Porto Serviços,
tem tudo pra tem ajuda no
ficar bem. dia-a-dia.
SIM: Por ser visualmente mais simples e conter um ponto focal SIM: Imagem com o contraste ideal entre sujeito e plano de
mais claro, a imagem acima é ideal formatos menores fundo
Tudo pra facilitar o seu dia a dia Tudo pra facilitar o seu dia a dia
na porto.com.br na porto.com.br
NÃO: Imagens com muitos elementos distraem o foco do SIM: Imagens de fundo cimples, facilitando o foco no sujeito
sujeito

FOTOGRAFIA Estes são exemplos de situações a evitar
Uso Incorreto em fotografia.
NÃO: Use fotografia em preto e branco NÃO: Use fotos com poses exageradas do mundo da moda NÃO: Use ambientes artificiais NÃO: Use elementos que distraiam do sujeito da imagem
NÃO: Use filtros artificiais NÃO: Use imagem de estoque óbvia NÃO: Corte imagens sem considerar o enquadramento NÃO: Use imagens mal iluminadas

2.5
Ilustração

O estilo de ilustração
da Porto é inspirado nos
atributos de carisma e
simplicidade da marca,
traduzindo situações
cotidianas de forma
leve e divertida.

Ilustração Estes são os atributos que descrevem o ponto de
Atributos vista das ilustrações da Porto.
Eles devem ser usados como um guia de

curadoria na seleção de ilustrações e orientação a
ilustradores no que diz respeito à comunicação, de
conteúdo editorial à campanhas publicitárias.
Carismática
Simples
Leve
Divertida

Ilustração Para criar ilustrações proprietárias, use a paleta de
Cores cores estendida, que permite maior flexibilidade e
versatilidade às composições.
Estes são os códigos de cada uma das cores da

Porto em Pantone (para impressão em uma cor/
cor especial), em CMYK (para impressão em quatro
cores), em RGB e HEX (para telas).

Ilustração As ilustrações da Porto se divide em quatro A seguir, vamos entender como utilizar cada
Introdução categorias: uma delas.
1.Pessoas
2. Objetos
3. Realidades Fantásticas
4. Iconografia
Pessoas Realidades Fantásticas Iconografia
Objetos

Ilustração Para ilustrar pessoas, utilizamos traços simples e
Pessoas cores sólidas para compor cenas do dia-a-dia e de
fácil identificação para o público da Porto.
Lembre-se de refletir diversidade de tons de

pele nas ilustrações criadas, para garantir a
representação apropriada da comunidade em que
a Porto está inserida.

Ilustração Para ilustrar objetos, utilizamos ilustrações realistas
Objetos criadas em 3D, reproduzindo objetos cotidianos
que remetam à oferta da Porto aos seus clientes.
Busque sempre ângulos interessantes e utilize

iluminação consistente ao criar a biblioteca de
objetos da Porto.

Ilustração Para campanhas inspiradas na Brand
Realidades Fantásticas Idea de Realidades Fantásticas, abaixo
vemos exemplos de como representar
estas realidades através de tratamentos e
composições.

Ilustração Ao utilizar ilustrações em materiais da Porto, atente
Composição para a relação entre elas e os demais elementos do
layout.
As ilustrações devem ter impacto, até mesmo

sobrepondo-se sutilmente aos demais elementos
da composição, porém nunca comprementendo ou
interferindo na leitura.

Porto, tem Porto, tem Porto, tem
NÃO: Muito pequena, sem impacto SIM: Na medida certa NÃO: Muito grande, interferindo na leitura do texto e do logo

Ilustração Ao utilizar ilustrações em materiais da Porto,
Composição atente para a relação entre elas e os demais
elementos do layout.
As ilustrações devem ter impacto, até mesmo

sobrepondo-se sutilmente aos demais elementos
da composição, porém nunca comprementendo
ou interferindo na leitura.

Porto, tem Porto, tem Porto, tem
porto.com.br porto.com.br porto.com.br
NÃO: Preto sobre Azul Porto SIM: Na medida certa SIM: Na medida certa

Ilustração Os ícones vetoriais da Porto são criados utilizando
Iconografia traços simples. Eles seguem regras específicas de
Introdução construção, para garantir que a espessura do traço
e as curvas do desenho sejam consistentes em
todos os ícones.
Dessa forma, o sistema permite flexibilidade e

liberdade para a criação de uma vasta biblioteca de
formas e símbolos seguindo o mesmo padrão.

Ilustração Os ícones da Porto derivam do formato dos
Iconografia containers e módulos de layout. Os cantos
Construção arredondados desses elementos servem de um
ponto de partida proprietário para a criação dos
ícones, para que estes sejam uma extensão da
Identidade Visual da marca.
Módulo com cantos arredondados ícones com cantos arredondados

Ilustração Ao construir ícones para a Porto, leve em
Iconografia consideração as regras descritas abaixo para
Construção garantir a consistência do conjunto.
Curva com raio máximo de 3dp, com raios

menores para ângulos mais fechados.
Espessura de traço de 1dp, incluindo

ângulos e contornos externo e interno.
Contra-espaço de pelo menos 1dp, garantindo que não

pareça muito justo ou escuro em escalas reduzidas.
Área limite

Ilustração A espessura do traço e a simplicidade das formas
Iconografia dos ícones da Porto garantem a legibilidade mesmo
Escalabilidade em pequenos tamanhos, tanto em aplicações
digitais quanto impressas.
16px/1,5cm
Tamanho mínimo

Ilustração Abaixo, exemplos de construção correta e incorreta
Iconografia para ícones.
Exemplos
SIM: Linhas e ângulos arredondados
NÃO: Linhas e ângulos retos

2.6
Sistema
de Layout
Com layouts,
demonstramos
como tipografia, cor,
fotografia e ilustração
se unem para formar
a identidade da Porto.

Sistema de Layout O sistema de layout da Porto é caracterizado
Grid pela interação dinâmica entre imagens e textos.
Para organizar e estabelecer a hierarquia de
informações na comunicação da Porto, usamos
um grid como ponto de partida das diversas
composições.
Abaixo, o grid usado para diagramar e dimensionar

imagens, textos e logo, além de outros elementos
de marca da Porto.
Quem tem
Porto, tem
Tudo pra facilitar o seu dia a dia

na porto.com.br

Sistema de Layout O sistema de layout da Porto é caracterizado
Grid pela interação dinâmica entre imagens e textos.
Para organizar e estabelecer a hierarquia de
informações na comunicação da Porto, usamos
um grid como ponto de partida das diversas
composições.
Abaixo, o grid usado para diagramar e dimensionar

imagens, textos e logo, além de outros elementos
Quem
de marca da Porto.
Quem tem
Porto Seguros,
Quem tem
Porto, tem
tem segurança
para ir e vir. tem
Porto,
tem

Sistema de Layout O grid da Porto é flexível para adaptar-se a
Grid diferentes formatos, escalas e contextos. Ele pode
ter margens, espaçamentos e número de colunas
variáveis dependendo do material.

Sistema de Layout Containers gráficos são parte importante do
Containers sistema de layout da Porto. A seguir, veremos como
eles são usado para criar dinamismo e facilitar a
hierarquia de informação nas composições.

Sistema de Layout De maneira geral, os cantos dos containers
Containers gráficos da Porto devem reduzir em 10px quando
Cantos Arredondados o container for reduzido pela metade do tamanho.
Isso garante que os cantos sejam consistentes e
visualmente equilibrados em diferentes formatos.
Abaixo, exemplos de como os cantos arredondados

se comportam de acordo com as composições.
30px
20px
10px
SIM: Se o container for utilizado sozinho, a curvatura dos cantos arredondados cresce de acordo com o formato SIM: Se os containers forem combinados numa única composição, os cantos devem ter a mesma curvatura

Sistema de Layout Assim como para tipografia, as margens para os
Margens demais elementos de layout não são definidas por
um cálculo matemático. Em resumo, as margens
devem ser justas, mas margens muito largas ou
estreitas demais devem ser evitadas.
Como demonstrado abaixo, utilize um parâmetro

visual para definir as margens: nem muito estreita,
nem muito larga — na medida certa.
NÃO: Muito estreita SIM: Na medida certa NÃO: Muito larga

Sistema de Layout O sistema modular é uma ferramenta útil para Abaixo, exemplos de diferentes formatos criados
Modularidade organizar conteúdo e informação, resultando em usando esta regra. É recomendado manter o
um sistema de design flexível que funciona em menor número possível de módulos, e nem todo
diferentes contextos, incluindo formatos de mídia material precisa de um layout modular.
menos convencionais.
A seguir, exemplos de como aplicar a modularidade
Esse sistema segue uma regra simples: é possível na prática.
dividir o layout em metades, terços ou quartos para
criar módulos que acomodarão containers gráficos.
½
⅔
¾
½
⅓
¼

Sistema de Layout
Modularidade
Exemplos

Porto, tem Porto, tem Porto, tem Porto, tem

Sistema de Layout
Modularidade
Exemplos

Porto Seguros, Porto Saúde, Porto Serviços, Porto Bank,
tem segurança tem tudo pra tem ajuda no tem confiança
para ir e vir. ficar bem. dia-a-dia. pra investir.
porto.com.br porto.com.br porto.com.br porto.com.br

Sistema de Layout
Modularidade
Exemplos ½

Porto Seguros, Porto Saúde, Porto Serviços, Porto Bank,
tem segurança tem tudo pra tem ajuda no tem confiança
para ir e vir. ficar bem. dia-a-dia. pra investir.
porto.com.br porto.com.br porto.com.br porto.com.br

Sistema de Layout
Modularidade
Exemplos
⅔
Quem Quem Quem Quem

tem tem tem tem
Porto, Porto, Porto, Porto,
tem tem tem tem

Sistema de Layout
Modularidade
Exemplos

Porto, tem Porto, tem Porto, tem Porto, tem

Sistema de Layout
Modularidade
Exemplos
¾
Facilitar Facilitar
o seu dia, o seu dia,
todo dia. todo dia.

Sistema de Layout
Modularidade
Exemplos
Quem
Tudo pra facilitar o seu dia a dia Tudo pra facilitar o seu dia a dia
Quem
tem tem Porto

Seguros,
tem
segurança
Porto, para ir
tem e vir
Sistema de Layout
Modularidade
Exemplos
Quem Quem
tem
tem Porto,
tem
Porto,
tem Tudo pra facilitar o seu dia a dia Tudo pra facilitar o seu dia a dia

Sistema de Layout
Modularidade
Exemplos
Quem
tem
Porto,
tem Tudo pra facilitar o seu dia a dia
na porto.com.br

Sistema de Layout
Modularidade
Exemplos ⅔ ⅓
Quem tem Porto

Saúde, tem tudo pra
ficar bem.

Sistema de Layout
Modularidade
Exemplos ⅓ ⅓ ⅓
Quem tem
Porto, tem

Sistema de Layout
Modularidade
Exemplos de Social Media
Proporção 1:1 1

Sistema de Layout
Modularidade
Exemplos de Social Media
Proporção 1:1 1
Quem tem
Porto, tem

2.7
Marca em uso

Marca em Uso
Papelaria

Marca em Uso
Crachá

Marca em Uso
Camiseta — Logo Pequeno

Marca em Uso
Camiseta — Logo Grande

Marca em Uso
Camisa Pólo — Prestador de Serviços

Marca em Uso
Uniforme — Prestador de Serviços

Marca em Uso
Jaqueta Moto — Prestador de Serviços

Marca em Uso
EPI — Capacete

Marca em Uso
Twizy

Marca em Uso
Twizy

Marca em Uso
Guincho

Marca em Uso
Guincho

Marca em Uso
Sinalização — Porto

Marca em Uso
Sinalização — CAPS

Marca em Uso
Template de Apresentação

Marca em Uso
Comunicação Interna
Pessoas
Café da manhã
com colaboradores
Oi, Julie.
Que tal começar uma quinta-feira com uma xícara de Para participar, basta fazer inscrição e aguardar
café quentinho e os colegas reunidos para uma boa a divulgação dos sorteados.
prosa? Eu é que não vou perder! Em breve, enviaremos um convite. Nos vemos lá!
No dia 9 de setembro, das 8h30 às 10h, os Quando: 09/09, das 8h30 às 10h
colaboradores de todo o Brasil se reunirão virtualmente Faça sua inscrição aqui até 20/08
para colocar a conversa em dia e falar sobre assuntos Faremos um sorteio e enviaremos o convite para
importantes para todos nós e para a Porto. os sorteados no dia 26/08.
Capriche no café!
Quem é Porto,
tem orgulho em pertencer

Marca em Uso
Comunicação Interna
Institucional
Benefícios
pra usar em vida
Bruno,
Pensando em Seguro de Vida? É claro que a Porto tem!
E com benefícios pra usar em vida!
Assista, em primeira mão, o novo comercial da Porto para o Seguro de Vida, que
será veiculado neste domingo, no intervalo do Fantástico.
Ah, quem estava no último Bate-papo com o Roberto já teve esse spoiler.
Quem é Porto,
tem orgulho em pertencer

Marca em Uso
Cartões
Cynthia Chen
Cynthia Chen Cynthia Chen

Marca em Uso
Moeda
Manual Identidade Visual - Porto Atualizado em 14/09/2021 2021 158

Marca em Uso
Instagram — Post
portoseguro Het ra volupta tquodignatus dolupta

spiet, sa aut quis volorest aut qui dolupisquam,
nobit as an voluptatat pliciat
12 MINUTES AGO

Marca em Uso
Instagram — Post
portoseguro Het ra volupta tquodignatus dolupta portoseguro Het ra volupta tquodignatus dolupta portoseguro Het ra volupta tquodignatus dolupta
spiet, sa aut quis volorest aut qui dolupisquam, spiet, sa aut quis volorest aut qui dolupisquam, spiet, sa aut quis volorest aut qui dolupisquam,
nobit as an voluptatat pliciat nobit as an voluptatat pliciat nobit as an voluptatat pliciat
12 MINUTES AGO 12 MINUTES AGO 12 MINUTES AGO

Marca em Uso
Instagram — Post
portoseguro Het ra volupta tquodignatus dolupta portoseguro Het ra volupta tquodignatus dolupta portoseguro Het ra volupta tquodignatus dolupta
spiet, sa aut quis volorest aut qui dolupisquam, spiet, sa aut quis volorest aut qui dolupisquam, spiet, sa aut quis volorest aut qui dolupisquam,
nobit as an voluptatat pliciat nobit as an voluptatat pliciat nobit as an voluptatat pliciat
12 MINUTES AGO 12 MINUTES AGO 12 MINUTES AGO

Marca em Uso
Instagram — Feed

Marca em Uso
Instagram — Stories
portoseguro 37m
portoseguro 37m portoseguro 37m
Quem tem
Porto, tem

Marca em Uso
App
Bom dia, André

Marcar Consulta Seguro 24h Reparos Extrat
Gestão do Cartão
Fatura do mês
R$4.148,12
30%
Saldo
R$8.650,23 4.5
3.0
Dinheiro guardado
R$ 2.450,13
1.5
Rendimentos Abr Mai Jun Jul
+R$ 1.34
Insights
Expandir conta
Últimos gastos
Transferência Enviada R$780
12/03 – pendente
Próxima Consulta
Z Deli Lanches R$432
20/03 Dra. Sarah Costa 10/03
às 13:40 Dermatologia
Hospital São Luiz Porto Reparo R$75
07/03

Marca em Uso
OOH

Marca em Uso
OOH

Marca em Uso
OOH

Marca em Uso
OOH

Marca em Uso
OOH

Porto Manual de Identidade de marca criado
Manual de Identidade de Marca por PORTO ROCHA, em colaboração
com GUT e FutureBrand.
Atualizado em 14/09/2021
Em caso de dúvidas ou sugestões,

por favor, escreva para:
guia.damarca@portoseguro.com.br

Porto Guidelines R1

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Porto Guidelines R1

Enviado por

Direitos autorais:

Formatos disponíveis

Manual de

Manual de Identidade de Marca –

Ele direciona e exemplifica como a Porto se expressa

Importante lembrar: as imagens contidas neste guia

Em caso de dúvidas ou sugestões, por favor, escreva para:

Manual Identidade Visual - Porto Versão 1.0 2021 3

Manual de Identidade de Marca - Porto Atualizado em 14/09/2021 2021 4

A Identidade Verbal define como uma

A Identidade Verbal é formada pelas

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 5

Promove identificação Reforça nossa essência Garante consistência

A Identidade Verbal Palavras falam muito Muitas pessoas falam

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 6

Somos um Porto Seguro, sempre.

Somos verdadeiros em nossas relações.

Somos humanos em cada conexão.

Somos dinâmicos para transformar.

Manifesto A gente começou essa jornada com você lá atrás.

Estivemos presentes quando você mais precisou.

Próximos, entendemos do que mais seu reino precisava para expandir.

E possibilitamos que cada um seja o protagonista da sua transformação.

É ter liberdade, poder de escolha e acesso a um mundo de experiências:

Para quando a realidade bater à porta, transformarmos ela em algo fantástico.

Vivenciando essa jornada juntos.

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 11

É como ela se comunica com

Está intrinsecamente ligada

1. Fala fácil 2. Tem uma 3. Traz os sonhos

4. Com aquela 5. Simplifica o fantástico 6. Tem uma felicidade

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 14

1. Fala fácil Dos Don'ts

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 15

2. Tem uma Dos Don'ts

Manual de identidade de Marca — Porto Atualizado em 14/09/2021 2021 16

3. Traz os sonhos do Dos Don'ts

Manual de identidade de Marca — Porto Atualizado em 14/09/2021 2021 17

4. Com aquela Dos Don'ts

Manual de identidade de Marca — Porto Atualizado em 14/09/2021 2021 18

5. Simplifica o Dos Don'ts

Manual de identidade de Marca — Porto Atualizado em 14/09/2021 2021 19

6. Tem uma felicidade Dos Don'ts

Manual de identidade de Marca — Porto Atualizado em 14/09/2021 2021 20

Check ups gratuitos do carro? Porto Seguro Auto. Carro reserva?

Deixe de lado as formalidades Bom dia Sr. Fernando,

A Porto tem uma solução pra te ajudar…

Seguro de carro que cobre máquina de lavar?

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 22

Falando em emojis, não exagere nas expressões Não

Olá, não se preocupe! A Porto já vai entrar em contato e te ajudar a

Manual de identidade de Marca — Porto Atualizado em 14/09/2021 2021 23

A Porto tem a solução pra te ajudar em todos os momentos da sua

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 24

sinistro imprevistos cobertos

Manual de identidade de Marca — Porto Atualizado em 14/09/2021 2021 25

Manual de Identidade de Marca - Porto Atualizado em 14/09/2021 2021 26

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 27

O logotipo da Porto foi construído a partir da fonte

O logo deve ser usado sempre que nos

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 29

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 30

Seu tamanho mínimo para legibilidade é de

80px / 2,5cm Tamanho mínimo

Manual de Identidade de Marca — Porto Atualizado em 14/09/2021 2021 31