SISTEMA VISUAL
SURREAL
GUIDELINES 2021
1
A MARCA
Essa é a versão principal do
nosso logo. Deverá sempre ser
usado respeitando as normas
do guide.
VISUAL GUIDE A MARCA 2
AVATAR/SÍMBOLO
VISUAL GUIDE AVATAR/SÍMBOLO 3
REDUÇÃO
Para garantir a legibilidade da marca,
foi criado dois ajustes de kerning,
um default e outro para aplicações menores.
Kerning default
Kerning para
aplicações menores
Redução para casos especiais
em meios digitais
VISUAL GUIDE REDUÇÃO 4
ÁREA DE PROTEÇÃO
Devemos preservar a área ao redor
do logo para maximar sua leitura.
Utilize metade da altura do logo
como medida.
VISUAL GUIDE ÁREA DE PROTEÇÃO 5
USO INCORRETO
Sempre utilize os arquivos originais
finais e mantenha as proporções
corretas. Veja alguns exemplos que
não devem ser feitos.
Não distorcer Não aplicar em fundo sem contraste
Não alterar cor
S R
Não alterar tipografia
AL
Não aplicar sombra ou efeitos
VISUAL GUIDE USO INCORRETO 6
TIPOGRAFIA - TÍTULOS
Para títulos, trabalhar a fonte Relaate
sempre em caixa alta e com o leading indicado.
LOREM LOREM LOREM
IPSUM
GROTESQUE
IPSUM
SERIF
IPSUM
SLAB
(tracking -10) (tracking -50) (tracking -10)
Saiba mais:
[Link]
VISUAL GUIDE TIPOGRAFIA 7
TIPOGRAFIA - TEXTO
Para textos, principalmente os de tamanho pequeno,
utilizamos a Adobe Garamond Pro. Sua alta legibilidade
proporciona leituras mais fluídas, contrabalanceando
com a fonte principal.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, con-
Nunc gravida sagittis purus eu rutrum. Phasellus ullam-
corper ultrices nisi ut ultrices. Phasellus ornare nisl et felis
adipiscing elit. Nunc gravida sagittis purus sectetur adipiscing elit. Nunc
imperdiet facilisis. Duis sed sollicitudin lectus. Donec pu- eu rutrum. Phasellus ullamcorper ultrices
rus odio, convallis eget facilisis et, ornare ac mauris.
gravida sagittis purus eu rutrum.
nisi ut ultrices. Phasellus ornare nisl et fe-
lis imperdiet facilisis. Duis sed sollicitudin Phasellus ullamcorper ultrices nisi
lectus. Donec purus odio, convallis eget ut ultrices. Phasellus ornare nisl
facilisis et, ornare ac mauris. et felis imperdiet facilisis. Duis
sed sollicitudin lectus. Donec pu-
rus odio, convallis eget facilisis et,
ornare ac mauris.
Saiba mais:
[Link]
VISUAL GUIDE TIPOGRAFIA 8
TIPOGRAFIA
A identidade é majoritariamente composta pela fonte
Relaate Multi-Genre Family.
O seu uso mixado deve ser feito com muito cuidado,
buscando o balanço entre leitura e impacto.
A mistura tipográfica deve acontecer apenas
em casos especiais, veja alguns exemplos
a seguir:
• Nome do artista
• Sinalização interna
• Submarcas do Surreal
• Ações especiais da marca
• Animações
Não sobrecarregar a composição tipográfica com
os três estilos juntos. Sempre combinar Serif com
Grotesque, Slab com Grotesque ou Slab com Serif.
Será necessário ajuste de kerning quando houver essa
utilização mista.
VISUAL GUIDE TIPOGRAFIA 9
PALETA DE CORES
#292728 R 41 C0 Pantone
G 39 M0 0000
B 40 Y0
K 98
#948981 R 148 C 43 Pantone
G 137 M 42 0000
B 129 Y 46
K5
#FDF3E5 R 253 C0 Pantone
G 243 M3 0000
B 229 Y0
K 90
VISUAL GUIDE PALETA DE CORES 10
SISTEMA VISUAL
SURREAL
11