Escolar Documentos
Profissional Documentos
Cultura Documentos
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
Proporção Entre Cores 12
Índice
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 Claro e Grafite (1) da paleta de cores.
Seu contraste e legibilidade devem ser sempre preservados.
4
01. Marca
VERSÃO PREFERENCIAL
NEGATIVA
Quando a cor de fundo for o Azul Escuro ou Azul Claro (1),
a Marca deve preferencialmente ser aplicada na cor branca.
5
01. Marca
6
01. Marca
7
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.
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, como exemplificado ao lado.
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.
9
01. Marca
FUNDOS COLORIDOS
Fundos Fundos Fundos Fundos
Devido à multiplicidade de agentes envolvidos na implementação coloridos escuros coloridos escuros coloridos escuros coloridos escuros
do Open Banking, cada um com sua respectiva identidade visual, a marca
Open Banking pode ser utilizada em diversos contextos. Devemos então,
pré determinar diretrizes para esses usos. Seguem abaixo:
Cores preferenciais
São permitidos os usos das versões principal em preto.
Em fundos escuros, é permitido o uso da versão em branco (negativo).
Cores alternativas
Para uma melhor adequação do símbolo às diversas interfaces gráficas
e às diversas paletas cromáticas existentes, é permitido o uso dos principais
matizes dos sistemas ou plataformas.
Atenção!
Não é permitido o uso de gradientes, sombras ou efeitos no símbolo.
O uso do outline do símbolo também não pode ser usada por não
preservar as características do mesmo e não garantir legibilidade.
01. Marca
XYZ
utilizado para o símbolo Open Banking, enquanto o quadrante
inferior direitoserá utilizado para o símbolo ou para o logo
tipo do participante. Esse layout é fixo e não pode ser alterado.
10
CMYK HEX
02. Códigos Cromáticos
090 055 040 015 #005f78
AZUL ESCURO
RGB Pantone®
010 095 120 7707 C
CMYK HEX
RGB Pantone®
020 125 150 7712 C
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.
CMYK HEX
As cores neutras, Grafite e Branco, servem principalmente para 000 000 000 090 #3c3c3c
o preenchimento de textos e fundos. O Grafite também compõe
GRAFITE
RGB Pantone®
060 060 060 Neutral Black C
junto do Azul Claro, a versão preferencial positiva da Marca.
CMYK HEX
000 000 000 000 #ffffff
BRANCO
RGB
255 255 255
11
02. Códigos Cromáticos
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 AB CDEFGHIJK L MNOP QRSTU V WX Y Z AB CDEFGHIJK L MNOP QRSTU V WX Y Z
abcdefg hijkl mo p qrstuvwx yz abcdefghijkl mop qrstuvwx yz
importantes nos materiais e serviu de base para o desenho da Marca.
0123456789/@# $%ˆ& *( )_ + 0123456789/@# $%ˆ& *( )_ +
ESTATÍSTICAS
Bold Bold Italic
Regular ou Bold
A B CD E F GHI JK L MNOP QR S T U V W X Y Z A B CD E F GHI JK L MNOP QR S T U V W X Y Z
ab c d ef g h i j k lm opq r st u vw x yz ab c def g h i j k lm opq r st u vw x yz
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/@#$%ˆ&*()_+
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
ABC D EFGH IJKL M N OPQR STU VWXYZ ABC D EFGH IJKL M N OPQR STU VWXYZ
TÍTULOS SUBTÍTULOS TEXTOS DE CORPO a b cd e fg h i j kl m o p q r stu vw xyz a b cd e fg h i j kl m o p q r stu vw xyz
0 1 2 3 4 5 6 7 8 9 /@# $ % ˆ &* ( ) _ + 0 1 2 3 4 5 6 7 8 9 /@# $ % ˆ &* ( ) _ +
Bold Regular Regular
16
03. Tipografias
LOREM IPSUM
TÍTULO
BLOGGER SANS BOLD
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 eaque
Todos textos são bastante espaçados GOTHAM HTF LIGHT 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.
17
04.
Iconografia
18
04. Iconografia
Os ícones devem ser o mais simples possíveis e devem ser compostos Grid 20x20.
prioritariamente por linhas, todas da mesma espessura.
1. Grid
Dividido em 20 colunas e 20 linhas deixando
pelo menos duas unidades de margem.
2. Linhas
Devem ter a espessura de uma unidade do grid Além
das linhas, é permitido o uso de pequenos elementos
geométricos que ajudem na construção do significado.
Exemplo de Ícone
Desenhado sobre o grid.
19
05.
Aplicações
20
Este guia é de consulta obrigatória
para o uso da Marca em aplicações
de caráter gráfico e digital. Para casos
não citados neste guia, fale com a área
responsável pela gestão de Marca.
Dezembro 2020