MANUAL

DE
IDENTIDADE
VISUAL
 01.
Marca 03
Versões Preferenciais
04
Versões de Uso Restrito
06
Versão Reduzida
08
Recomendações 09

02.
Códigos Cromáticos 10
Paleta de Cores
11

Índice
Proporção Entre Cores 12

03.
Tipografias 13
Tipografia Principal
14
Tipografia de Apoio
15
Tipografia de Sistema
16
Hierarquia 17

04.
Iconografia 18
Construção 19

05.
Aplicações 20
01.
Marca

3
01. Marca

VERSÃO
PREFERENCIAL
POSITIVA
A versão preferencial positiva da Marca deve ser usada sempre que o
fundo for branco e usa as cores Azul e dourado (1) da paleta de cores.
Seu contraste e legibilidade devem ser sempre preservados.

(1) Paleta de Cores, página 11.

4
01. Marca

VERSÃO
PREFERENCIAL
NEGATIVA
Quando a cor de fundo for o Azul Escuro ou outra (1), a
Marca deve preferencialmente ser aplicada na cor branca.

(1) Paleta de Cores, página 11.

5
01. Marca

VERSÃO DE USO
RESTRITO POSITIVA
A versão de uso restrito deve ser utilizada somente em situações
excepcionais como em casos de limitações técnicas, por
exemplo.

As aplicações de uso restrito devem ser sempre

examinadas com rigor e estão sujeitas à aprovação

dos responsáveis pela gestão da Marca.

6
01. Marca

VERSÃO REDUZIDA
Essa versão foi criada para usos em reduções extremas. É uma alternativa
para aplicações da Marca principalmente em ambientes digitais.

Os padrões de cores e recomendações, seguem as mesmas

determinações das Versões Preferenciais e de Uso Restrito.

8
01. Marca

RECOMENDAÇÕES
VERSÕES PREFERENCIAIS,

USO RESTRITO E REDUZIDA.

Margem de Segurança
A proximidade de outros elementos significativos podem reduzir o
impacto visual do Marca. Assim, recomenda-se resguardar
uma área equivalente ao valor de X

Redução Máxima
Para garantir a legibilidade da Marca e a correta

percepção, foi estabelecido que o tamanho mínimo para

a altura nunca deve ser inferior a 15mm ou 50px.

15mm / 50px

9
01. Marca

Fundos Fundos coloridos Fundos fotográficos

coloridos escuros claros escuros

FUNDOS COLORIDOS
Fundos coloridos escuros
Use a versão monocromática negativa.

Fundos coloridos claros

Use a versão monocromática positiva.

Fundos fotográficos escuros

Garanta sempre uma opacidade de, no mínimo, 80% entre o fundo e a marca.
Utilize a versão monocromática negativa.
02.
Códigos Cromáticos

10
02. Códigos Cromáticos
AZUL ESCURO

PALETA DE CORES AZUL CLARO

A paleta de cores se resume a dois tons de azul e um tom de

amarelo, em complemento a estes, um tom de cinza e o branco.

Os tons de azul, preenchem fundos, textos e elementos

significativos das peças da Marca. O Azul Claro também está

AMARELO
presente na versão preferencial positiva da Marca.

O amarelo, cor complementar aos azuis, serve para dar destaque

a pequenos elementos das peças e preenchimento de títulos.

As cores neutras, Grafite e Branco, servem principalmente para

o preenchimento de textos e fundos. O Grafite também compõe

GRAFITE
junto do Azul Claro, a versão preferencial positiva da Marca.

BR ANCO
02. Códigos Cromáticos

PROPORÇÃO ENTRE CORES

O diagrama ao lado indica a ordem de prioridade das
cores nos materiais da Marca Franquear

12
03.
Tipografias

13
03. Tipografias

Blogger Sans
TIPOGRAFIA PRINCIPAL Light Light Italic
A Tipografia Principal tem como função dar destaque a informações ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmopqrstuvwxyz
abcdefghijklmopqrstuvwxyz

importantes nos materiais e serviu de base para o desenho da

0123456789/@#$%ˆ&*()_+ 0123456789/@#$%ˆ&*()_+
Marca.
TÍTULOS SUBTÍTULOS DADOS

Bold Light e Regular Bold

Regular Regular Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
PORCENTAGENS ASPAS NÚMEROS
abcdefghijklmopqrstuvwxyz
abcdefghijklmopqrstuvwxyz

Regular ou Bold Regular ou Bold Regular ou Bold 0123456789/@#$%ˆ&*()_+ 0123456789/@#$%ˆ&*()_+

ESTATÍSTICAS
Bold Bold Italic
Regular ou Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmopqrstuvwxyz
abcdefghijklmopqrstuvwxyz

0123456789/@#$%ˆ&*()_+ 0123456789/@#$%ˆ&*()_+

14
03. Tipografias

Gotham HTF
TIPOGRAFIA DE APOIO Light Regular Light Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ

A Tipografia de Apoio é usada principalmente para textos de corpo mas

abcdefghijklmopqrstuvwxyz
abcdefghijklmopqrstuvwxyz
também pode substituir a Tipografia Principal em Títulos e Subtítulos. 0123456789/@#$%ˆ&*()_+ 0123456789/@#$%ˆ&*()_+

TÍTULOS SUBTÍTULOS TEXTOS DE CORPO

Bold Light ou Regular Regular ou Light

Book Book Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ

DESTAQUE NO TEXTO abcdefghijklmopqrstuvwxyz

abcdefghijklmopqrstuvwxyz

0123456789/@#$%ˆ&*()_+ 0123456789/@#$%ˆ&*()_+
Bold ou Regular

Bold Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmopqrstuvwxyz
abcdefghijklmopqrstuvwxyz

0123456789/@#$%ˆ&*()_+ 0123456789/@#$%ˆ&*()_+

15
03. Tipografias

Arial
TIPOGRAFIA DE SISTEMA
Sempre que a Tipografia Principal e de Apoio não puderem ser aplicadas
devido a limitações técnicas, será usada a Tipografia de Sistema. Regular Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ

TÍTULOS SUBTÍTULOS TEXTOS DE CORPO abcdefghijklmopqrstuvwxyz

abcdefghijklmopqrstuvwxyz

0123456789/@#$%ˆ&*()_+ 0123456789/@#$%ˆ&*()_+
Bold Regular Regular

TEXTOS DE CORPO DESTAQUE NO TEXTO

Regular Bold
Bold Bold Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmopqrstuvwxyz
abcdefghijklmopqrstuvwxyz

0123456789/@#$%ˆ&*()_+ 0123456789/@#$%ˆ&*()_+

16
03. Tipografias

TÍTULO
BLOGGER SANS BOLD
LOREM IPSUM
SUBTÍTULO
BLOGGER SANS REGULAR DAECUS QUIBUS MODITA QUOS.

TEXTO DE CORPO
Odit imet que pelesci ditatia ndaepereris eaquodi gendam quis volorem ne

GOTHAM HTF REGULAR

explautem rest optae dolore doloriossum et lab ipsantiur re vel id ut laborruntem

fuga. Nam, quis aliquis eturis est, nus volupie nitem. Apidit, sinimusam re asperio

HIERARQUIA nsecata am, volor aut ium facitis il et ut escitionet hil ex et ipid eatiationsed es

perspis core lant rerovitia dolenimus.

Exemplo prático de uma
das tantas maneiras que as

Ficiatur? Cust, te nempos nus nostio optas ulleneces debis erro ex elictem

tipografias podem ser usadas

DESTAQUE NO TEXTO

pelessin plicta dolorehenim suntisit facculparit intur, intiati beaqui beria et

em conjunto para compor uma

GOTHAM HTF BOLD
volorro voluptam, cum adignitis dolum, occae num num eaquae eatemol orporio.
peça seguindo as determinações

das páginas anteriores.

PORCENTAGEM

BLOGGER SANS BOLD 25% 200%

TEXTO DESCRITIVO
Bus et rest offic torehen ihicabore nus et Ullaute corepernatis aut ulparuntore dentibus
GOTHAM BOOK ITALIC
volor molent exera post et vellessint, cum iusanti issiti dolorescimet derovit quam et

delestr umquibustrum nulpa sequatus. doloremquia prehendae molut pore nit unt.

TEXTO LEGAL
Natetur, volecte as ut ullaut quundi numquam, officiumet quas ipsam quis doluptatur? Qui voluptae lit qui imo ma doluptatur re, sed quatecea

Todos textos são bastante espaçados

GOTHAM HTF LIGHT eaque anihitati dis inctureria prem re ne voloribusda nobit quam eat latia quias dest rendit, ant la volupis cuptur magnis eos sum et magni tem alit,
custru.

nas entrelinhas. Valorizamos o respiro e

o fácil entendimento das informações.

17
05.
Aplicações

20