Você está na página 1de 46

Get it Touch

BRANDBOOK
WELCOME TO
OUR UNIVERSE
Spark is a company that specializes in digital art production and creation,
with a focus on games within the Web2 and Web3 universes. Our
commitment is to provide creative, accurate, and technically high-quality
solutions to other companies and startups looking to transform their
ideas into visually-realized products.

Whether it's creating characters, developing games, or telling stories, we


know that what engages audiences is the playful and imaginative side.
After all, the power to captivate and make people identify with something
lies in how a game is presented. That's why our team is dedicated to
every detail to offer unique and engaging experiences to our clients.

Imagination starts here


This guide presents guidelines and rules for the elements that make up
our brand's visual identity, so that all those involved in its management
can apply and follow the rules described in this quick manual.

Throughout this journey, you will get to know and learn how to correctly
use and apply each element in the various communication media, both
physical and digital plataforms.

Thank you for consulting this manual and welcome to our universe.

01
01. LOGOTIPO 05. COMPOSIÇÕES 08. SWAGS
Logo Principal 04 Uso de ilustração e logo 21 Bottons 36
Logo Secundário 05 Ícone fundo branco 22 Squeeze e copos 37
Logo Reduzido 06 Ícone fundo preto 23 Mouse Pad 38
Monocromáticos 07 Ícone fundo background 24 Saco Mochila 39
Logo sobre fundos 08 Ecobags 40
Logo nas Mídias 09 Almofada de pescoço 41
Aplicações
Usos Incorretos
10
11
06. FOTOGRAFIA Bonés
Camisetas
42
43
Área de Proteção 12 Uso de imagens e filtros 26 Moletons 46
Dimensões Mínimas 13

02. CORES 07. PAPELARIA


Paleta de Cores 15 Papel timbrado 28
Cartão de visita 29
Calendário 30
03. TIPOGRAFIA Crachás
Art Book
31
32
Tipografia 17 Adesivos 33
Stand Expositor 34

04. ICONOGRAFIA
Ícones 19

02
LO GOTI PO

03
LOGO PRINCIPAL
1.
Estas são as versões preferenciais que
devem ser utilizadas sempre que possível

1. PREFERENCIAL POSITIVO
Deve ser aplicado sempre que possível GAME STUDIO

2. PREFERENCIAL NEGATIVO
Deve ser utilizado apenas quando não
2.
for possível aplicar a versão positiva

GAME STUDIO

04
LOGO SECUNDÁRIO
Estas são as versões preferenciais que 1.
devem ser utilizadas sempre que possível

GAME GAME
ART STUDIO

1. PREFERENCIAL POSITIVO
Deve ser aplicado sempre que possível

2. PREFERENCIAL NEGATIVO
Deve ser utilizado apenas quando não 2.
for possível aplicar a versão positiva
GAME GAME
ART STUDIO

05
LOGO REDUZIDO 1.
Estas são as versões preferenciais que
devem ser utilizadas sempre que possível

1. PREFERENCIAL POSITIVO
Deve ser aplicado sempre que possível

2. PREFERENCIAL NEGATIVO
2.
Deve ser utilizado apenas quando não
for possível aplicar a versão positiva

06
MONOCROMÁTICOS 1.
Estes são os logotipos próprios para aplicação, em
casos peculiares de reprodução de forma a garantir
a legibilidade da marca

1. PREFERENCIAL NEGATIVO
Deve ser aplicado sempre que possível

2. PREFERENCIAL POSITIVO 2.
Deve ser utilizado apenas quando não
for possível aplicar a versão positiva

07
LOGO SOBRE FUNDOS

1. Preferencial negativo 2. Preferencial negativo 3. Preferencial colorido 4. Preferencial monocromático 5. Preferencial monocromático
sobre fundos espaciais sobre fundo 'Cosmo Purple' sobre fundo branco sobre fundo branco sobre fundo preto

6. Preferencial colorido 7. Preferencial positivo 8. Preferencial FX sobre 9. Preferencial com chanfro 10. Preferencial negativo
sobre imagens claras, sobre imagens escuras, fundo 'Whormhole Purple' sobre fundos escuros sobre fundo com qualquer
caso necessário, aplicar a caso necessário, aplicar a Caso necessário, aplicar cor da paleta de cores
máscara de branco em no máscara de preto em no um glow sobre o fundo para
máximo 40% de opacidade máximo 20% de opacidade melhor legibilidade

08
LOGO NAS MÍDIAS
Deve utilizar esses logos reduzidos para uso em mídias
sociais, de forma a garantir a legibilidade da marca

09
APLICAÇÕES
Deve utilizar esses logos próprios para
aplicação, em casos peculiares de reprodução,
de forma a garantir a legibilidade da marca

10
USOS INCORRETOS
Estes são exemplos que não devem ser
seguidos e nem aplicados em nenhuma 01. 02. 03.

versão do logotipo

01. Não altere as cores


02. Não rotacione
03. Não dimensione
04. Não altere os elementos 04. 05. 06.

05. Não aplicar contorno


06. Não mudar a tipografia
GAME ART

11
ÁREA DE PROTEÇÃO
A área de proteção garante que durante a aplicação do logo
possa resultar melhor visibilidade e leitura. A referência do qual

x=
se estabelece a área de proteção é a largura do próprio logotipo

GAME
STUDIO

12
1. DIGITAIS 2. IMPRESSÕES
DIMENSÕES MÍNIMAS As regras devem ser respeitadas para As regras devem ser respeitadas para
Os limites de redução devem ser respeitados para que aplicações em todos os meios digitais aplicações em todos os materiais que
não comprometa a visibilidade e leitura dos logotipos como peças gráficas, sites e portfólio forem impressos, como catálogo, pôster,
flyer e materiais de papelaria

01. 137 px 253 px 45 px 120 px

GAME GAME
STUDIO ART

GAME ART GAME STUDIO OUTSOURCING

02. 2,66 cm 4,7 cm 0,86 cm 2,4 cm

GAME GAME
STUDIO ART

GAME ART GAME STUDIO OUTSOURCING

13
PALETA DE CORES

14
PALETA DE CORES
1. CORES PRIMÁRIAS
2. CORES SECUNDÁRIAS
3. BACKGROUNDS E NEUTRAS
Para manter a consistência da linguagem da marca, as cores
devem ser aplicadas seguindo as especificações técnicas

1. Cosmo Purple Galaxy Violet Energy Blue Stardust Blue


#311559 #47215a #4a79d9
#8dc5ff
R49 G21 B89 R71 G33 B90 R74 G121 B217
R141 G197 B255
C97 M100 Y32 K25 C83 M100 Y29 K24 C75 M52 Y0 K0
C46 M14 Y0 K0

2.
Wormhole Purple Sun Gold Moon Gold
#2c1840 #9b8568 #CCB89E
R44 G24 B64 R155 G133 B104 R204 G184 B158
C93 M100 Y38 K48 C34 M39 Y55 K22 C21 M25 Y38 K5

3.
Black Spark White Spark Nebula Purple Supernova Purple
#000000 #ffffff #4C4554 #746880
R0 G0 B0 R255 G255 B255 R141 G197 B255 R76 G69 B84
C91 M79 Y62 K97 C0 M0 Y0 K0 C68 M65 Y44 K41

Lunar Purple Spacial Gray Gray Sky Fog

#B0A4BC #757575 #c6c6c6


R116 G104 B128 R117 G117 B117 R198 G198 B198
C58 M56 Y31 K15 C52 M42 Y41 K25 C26 M19 Y20 K2

15
TI P O G RA FI A

16
TIPOGRAFIA

Titilium Web TÍTULAÇÕES SUBTÍTULAÇÕES

ABCDEFGHIJKLMNOPQRSTUVWXYZ LOREM IPSUM LOREM IPSUM Lorem ipsum Lorem ipsum


LOREM IPSUM LOREM IPSUM Lorem ipsum Lorem ipsum
abcdefghijklmnopqrstuvwxyz
LOREM IPSUM LOREM IPSUM Lorem ipsum Lorem ipsum

Aa
1234567890 @#$%¨*>
CORPO DE TEXTO
Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Praesent magna enim, iaculis adipiscing elit. Praesent magna enim, iaculis
vitae ultrices at, blandit ut elit. Mauris sed vitae ultrices at, blandit ut elit. Mauris sed
neque in urna pellentesque eleifend. Mauris neque in urna pellentesque eleifend. Mauris
vestibulum diam at dapibus semper. vestibulum diam at dapibus semper.
Pellentesque habitant morbi tristique Pellentesque habitant morbi tristique senectus
senectus et netus et malesuada fames ac et netus et malesuada fames ac turpis egestas.
turpis egestas.

Titilium WebLight Titilium Web Semi Bold NOTAS E OUTROS TÓPICOS


Titilium Web Light Italic Titilium Web Semi Bold Italic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet
Titilium Web Regular Titilium Web Bold Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet
Titilium Web Italic Titilium Web Bold Italic Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet

17
ICO NO G RAF I A

18
09
1 4
CO M PO S I ÇÕ E S

20
USO DE ILUSTRAÇÕES E LOGO
O ícone do logo é chamado de SPARK, ele pode ser
usado como máscara de composição para trazer
marca e ilustração na mesma peça.

A regra de uso deles é sempre conseguir manter


uma boa visualização e entendimento do logo.

A seguir teremos explorações de como usá-los.

21
FOTO G RA FI A

25
FOTOGRAFIA
Para fotografia onde não há fundos poderá aplicar
o background de Nebulosas, ou aplicar máscaras
com algum dos ícones da marca.
Para fotografias em geral, poderá utilizar filtros com
tons da paleta de cores da marca em momentos em
que forem oportunos.

26
PA P E L A R IA

27
28
29
30
31
32
33
34
SWAG S

35
37
38
39
36
40
42
41
46
44
43
45
Find us out following our main midias.
Know more details of our work.

artstation.com/sparkstudioart

@sparkstudio.gg

spark-studio-gg

Você também pode gostar