Você está na página 1de 44

Manual de

Identidade
Visual
Brand Guideline

Re v. 0 1 _ 2 0 2 2
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Sumário

Abertura Versões Aspectos Padrões


Quem Somos_04 Versão preferencial (horizontal)_12 Técnicos Símbolo como elemento
Onde Estamos_05 Versão vertical_13 Malha Construtiva_28 visual de apoio_36
Cultura_06 Versão alternativa (monograma)_14 Aplicando o decodificador_29 Patterns (padrões gráficos)_37
Missão_06 Cor Principal_15 Margem de segurança Ícones_38
Cor secundária (variação de cor)_16 (área de não-interferência)_30 Estilo Fotográfico_39
Principais Monocromática (cor principal)_17 Redução Mínima Exemplos de Aplicação_41
Elementos Monocromática (cor secundária)_18 (versão responsiva)_31
Logotipo Principal_08 Monocromática em negativo_19 Usos Indevidos_32
Símbolo_09 Sobre fundos de mesma cor_20
Monograma_10 Sobre fundos coloridos_24 Famílias
Decodificador_11 Preto e branco (tons de cinza)_25 Tipográficas_34

Padrões
Cromáticos_26

Re v. 0 1 _ 2 0 2 2
2
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Esse Manual de Identidade Visual foi feito para

Abertura
apresentar a nossa marca e todos os seus elementos,

além de garantir o uso correto e inteligente dela.

Ele nos auxilia a registrar a essência da marca,

preservando e fortalecendo nosso DNA.

Siga as instruções e consulte-o sempre que precisar.

Cada marca tem características próprias que a distinguem

das outras. A marca é a visão pública da imagem da

empresa. Por isso, quanto mais distinta for nossa sua voz,

jeito, atitude, melhor e mais única ela será.

Cabe a todos nós cuidar e respeitar as diretrizes deste

manual para consolidar a imagem da empresa de forma

clara e objetiva.

Re v. 0 1 _ 2 0 2 2
3
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Quem
Somos únicos. Falamos de

designers para designers.

somos
Queremos levantar a bandeira do

design como um gerador de negócios

e como um fator decisivo de sucesso

por meio do conhecimento. Nossa

essência é ser próxima, amigável

e muito profissional. Por isso,

priorizamos publicações focadas

no mercado e nas necessidades dos

nossos leitores.

4
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Onde
Somos focados na criatividade De criativos para criativos.

e no design. Nosso mercado Nosso público-leitor é ávido por

é competitivo porém carente novidades, busca leituras rápidas

estamos
de publicações atualizadas e mas com qualidade. Fazemos

atuais. Somos rápidos. para todos, independentemente

Estamos sempre buscando de idade, gênero, ou se já tem ou

o que está acontecendo no não afinidade com a área.

mundo do design e prevendo

O posicionamento define nosso


público, estabelece nosso
mercado de atuação e reforça
o que virá. Somos digitais. Mas

nossos diferenciais. É um dos somos feitos de impressos


principais atributos para dizer como
muito bem acabados,
nosso cliente nos enxerga.
impressões finas e sofisticadas.

5
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Cultura
MISSÃO
É o motivo pelo qual a empresa existe, a sua razão de ser. É onde queremos chegar.

Proporcionar aos nossos


leitores o melhor conteúdo
de design e criatividade
focados no mercado e na
realidade brasileira.

6
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Esta é a
Fictional
em sua
essência.
Agora,
vamos
conhecer
como é a
identidade
visual da
nossa
empresa.

7
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PR I N CI PA I S E LE M E N TO S

Logotipo principal Nosso logotipo é o principal elemento de identificação de Fictional.


A composição do logotipo juntamente com símbolo possibilita
diversas aplicações, com versões de cores e de posição dos
elementos. A chamaremos de versão preferencial, e seu uso
deve ser sempre priorizado.

8
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PR I N CI PA I S E LE M E N TO S

Símbolo Este é o símbolo que compõe a nossa marca. Ele representa o


movimento e o dinamismo com que trabalhamos. Deve ser usado
preferencialmente em conjunto com o logotipo. Sua aplicação
sozinho pode ser utilizada em situações em que haja restrição de
espaço ou proporção, ou que não faça sentido o uso do monograma.
Além disso, pode ser usado como grafismo de apoio, ou seja, como
elemento decorativo (veja página 36).

9
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PR I N CI PA I S E LE M E N TO S

Monograma É uma redução da marca para ser utilizada em situações


secundárias, ou seja, em locais em que a marca principal já
esteja aplicada. Também pode ser utilizado ocasionalmente em
situações em que haja restrição de espaço ou proporção.

10
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PR I N CI PA I S E LE M E N TO S

Decodificador O uso do decodificador “creative publications” não é obrigatório


como elemento na composição de marca. Entretanto, é ideal que seja
utilizado sempre que possível. Ele faz parte da nossa identidade visual,
e fala sobre o que nossa empresa consiste, nos posiciona no mercado e
explica quem somos.

Nos materiais em que há mais de uma aplicação do logotipo, o


decodificador deve ser usado em pelo menos uma aplicação.

Em situações em que há perda de legibilidade da marca por questões


de tamanho reduzido, não é necessária a aplicação do decodificador.

Neste manual apresentaremos as versões de marca com e sem o


decodificador. Suas regras de aplicação estão disponíveis na página
29 e devem ser respeitadas considerando igualmente as formas de
aplicação de sua respectiva versão de marca.

11
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

VERSÕES

Versão
preferencial
(horizontal)

VERSÃO COM DECODIFICADOR

12
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

VERSÕES

Versão
vertical

VERSÃO COM DECODIFICADOR

13
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

VERSÕES

Versão
alternativa
(Monograma)

NA VERSÃO MONOGRAMA NÃO APLICA-SE O DECODIFICADOR.

14
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Cor principal A cor principal do logotipo de Fictional é o preto, com aplicação do


verde somente no símbolo.

15
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Cor secundária (variação de cor)

16
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Monocromática (cor principal)


As versões monocromáticas são as únicas que permitem usar vazada a
letra F presente no símbolo. Em todas as outras aplicações, deve haver
o preenchimento de cor (verde ou branco).

17
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Monocromática (cor secundária)

18
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Monocromática em negativo

19
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Sobre fundos de mesma cor

20
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Sobre fundos de mesma cor

21
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Sobre fundos de mesma cor

22
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Sobre fundos de mesma cor

23
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Sobre fundos coloridos É possível aplicar o logotipo de Fictional sobre qualquer cor, mas
atente-se ao nível de contraste entre o fundo e o logotipo. Isso irá
favorecer a legibilidade da aplicação.

Sobre preto ou fundos


muito escuros, priorize a
versão de cor secundária
ou a monocromática
branca em negativo.

24
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

V E R S Õ E S C R O M ÁT I C A S

Preto e branco Em situações em que não seja possível a aplicação do logotipo


em cores, recomendamos a aplicação em tons de cinza, abaixo

(tons de cinza) descritos. A correspondência das cores deve ser seguida em


todas as versões do logotipo de Fictional.

PRETO
100%

CINZA
50%

25
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S C R O M ÁT I C O S

Paleta
Estas são as cores principais e que compõem a o logotipo de Fictional.
Respeitar o uso de cores é imprescindível para sua identidade, tanto
para reconhecimento quanto para desdobramentos gráficos. Os
códigos de cores são para uso correto em meios digitais e impressos,

de cores
sendo que para meios impressos a preferência é para uso de código
Pantone. Uso predominantemente da cor preto.

A paleta de cores é um dos principais P R E T O T O TA L VERDE VIVO


atributos visuais de uma marca. É ela
que mostra e reafirma o tempo todo a
personalidade da empresa.

26
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S C R O M ÁT I C O S

PA LE TA P R I N CI PA L PA LE TA S E C U N DÁ R I A

A paleta principal reflete


exatamente as cores
do logotipo de Fictional.
P R E T O T O TA L VERDE VIVO PURPLE
Ela possui o Preto Total
como cor mais sóbria e R0 G0 B0 R0 G227 B185 R76 G84 B207
imponente, mas ao mesmo
C0 M0 Y0 K100 C85 M0 Y50 K0 C78 M71 Y0 K0
tempo explora o Verde
#000000 #00e3b9 #4c54cf
Vivo para trazer leveza e
contraste. PANTONE BLACK 6 C PANTONE 3255 C PANTONE 2126 C

Já a paleta secundária
possui cores mais
alegres e vibrantes que
apoiam o uso das cores
principais. Devem ser
usadas em conjunto
com a paleta principal,
preferencialmente.

CEREJA

R207 G76 B129

C0 M85 Y20 K0

#cf4c81

PANTONE 219 C

27
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

ASPECTOS TÉCNICOS

Malha Construtiva O logotipo de Fictional foi construído sobre uma estrutura de


módulos e regras que definem sua disposição. Assim, o uso da
malha construtiva serve para controlar e verificar as proporções
e reproduções do nosso logotipo.













28
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

ASPECTOS TÉCNICOS

Aplicando o Devemos seguir sempre a correta aplicação do decodificador.


Para isso, veja as regras de aplicação abaixo:

decodificador



N A V E R S Ã O H O R I Z O N TA L , O D E C O D I F I C A D O R É A P L I C A D O E M NA VERSÃO VERTICAL, O DECODIFICADOR É APLICADO


DUAS LINHAS E POSICIONADO PELA BASE INFERIOR DO LOGOTIPO. E M 1 L I N H A E O C U PA TO D A A L A R G U R A D O LO G O T I P O .
S U A L A R G U R A E Q U I VA L E A 1 1 x . É P O S I C I O N A D O A B A I X O D O L O G O T I P O A U M A D I S TÂ N C I A D E 1 x .

29
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

ASPECTOS TÉCNICOS

Margem de Para preservar a legibilidade do nosso logotipo, é importante respeitar


as especificações desta página. A margem de segurança é formada

Segurança pelo módulo obtido a partir da vogal “o”. Esse espaço indica que não é
possível haver interferência de elementos externos.
(área de não-interferência)

30
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

ASPECTOS TÉCNICOS

Redução Mínima Abaixo vemos as reduções mínimas do nosso logotipo.


Além dessas aplicações mínimas, é possível utilizar a versão

(versão responsiva) responsiva para locais em que nem a versão mínima possa ser
utilizada. É importante seguir essas orientações para preservar
o impacto e legibilidade da nossa marca.

TA M A N H O S M í N I M O S PA R A I M P R E S S Ã O V E R S Ã O R E S P O N S I VA ( D I G I TA L )

A versão em monograma é a mais recomendada para aplicações


muito pequenas. Mesmo assim, ainda é possível usar as versões
responsivas, abaixo sinalizadas em ordem de importância.

1,5cm 1cm 0,5cm

31
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

ASPECTOS TÉCNICOS

Usos indevidos Para preservar a integridade do nosso logotipo, é importante


usá-lo de acordo com as especificações deste manual.
Nesta página, apresentamos como exemplo situações
extremas do que não fazer. Atenção: todas as versões devem
seguir as mesmas regras.

Não use cores fora do padrão estabelecido,


mesmo que semelhantes. Não aplique o logotipo com angulação. Não adicione efeitos. Nunca posicione a marca sobre um padrão gráfico.

Não mude a posição do símbolo além das Não mude a posição do decodificador além das
Não distorça os elementos. Não mude o padrão tipográfico. especificações já mostradas nesse manual. especificações já mostradas nesse manual.

fictional
32
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Agora, vamos
conhecer os
elementos que
compõem o
universo visual
de Fictional.

33
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

FAMÍLIA S TIPOGR ÁFICA S

Principal A tipografia do nosso logotipo foi baseada na fonte Acumin Pro

Acumin
Wide. A fonte sem-serifa possui diversos pesos e boa legibilidade,
por isso essa família tipográfica foi escolhida para integrar nossa
identidade visual.

Pro Wide Aa
Pesos que utilizamos

Light
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Aa
01234567890,.?!@#$%&()

Medium
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Aa
01234567890,.?!@#$%&()

Bold
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
01234567890,.?!@#$%&()

DISPONÍVEL EM
https://fonts.adobe.com/fonts/

34
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

FAMÍLIA S TIPOGR ÁFICA S

Secundária A família tipográfica Lust Text foi escolhida como tipografia de


apoio para compor nossa identidade visual. O estilo serifado, porém

Lust
moderno, remete à tipografia utilizada em livros há séculos. Possui
boa legibilidade e deve ser usada em situações em que se queira
destaque ou contraste tipográfico em relação à tipografia principal.

Text
Pesos que utilizamos

Aa Light
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
01234567890,.?!@#$%&()

Aa Light Itálic
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
01234567890,.?!@#$%&()

DISPONÍVEL EM
https://fonts.adobe.com/fonts/lust-text

35
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S

Símbolo como É possível aplicar o símbolo de Fictional como um elemento visual


do layout. Algo que irá auxiliar na criação de peças e trará mais dina-
com o logotipo (nunca deve substituí-lo) e de forma a explorar grandes
áreas, como no exemplo abaixo. As regras de uso das cores do logotipo

elemento visual mismo e impacto. Ele pode ser usado preferencialmente em conjunto também de aplicam igualmente ao usar o símbolo dessa maneira.

de apoio

36
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S

Patterns O símbolo de Fictional poder gerar incontáveis padrões gráficos, e aqui


há liberdade para criar o que for preciso. Podemos exaltar a diversidade

(padrões gráficos) e o dinamismo da nossa identidade visual. Para ajudar, selecionamos 3


estilos disponíveis para uso.

CHEVRON ZIG-ZAG CIRCULAR

37
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S

Ícones Os ícones que fazem parte do universo de Fictional foram pensados


para parecerem dinâmicos e não estáticos. Para isso, são utilizadas
cores sólidas e formas retas, sobrepostas ou não, sem recursos
como gradientes ou sombras. Devem transmitir dinamismo e
movimento, os mesmos atributos do símbolo de Fictional.

38
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S

Estilo fotográfico Dividimos o universo fotográfico de Fictional em dois estilos: fotos


de produto e fotos para comunicação e publicidade. Então, quando
for necessária a utilização de fotografias, alguns cuidados devem ser
levados em conta:

PRODUTO
• Utilize cenários neutros, que
não interfiram na visualização
do produto.
• Priorize fotos com visualização
frontal dos produtos.
• Se houver necessidade de
elementos de cena, utilize
objetos que tenham ligação
com o assunto da publicação.
• As cores do cenário também
devem ser pensadas para
combinar com a proposta da
publicação.
• No caso de vários produtos
na mesma foto, utilize como
suporte visual as cores de
Fictional já apresentadas nesse
manual.

39
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S

Estilo fotográfico COMUNICAÇÃO E


PUBLICIDADE
• Aqui o foco são as pessoas.
• Nosso público é diverso, assim
como nossa empresa.
• Acting: priorize momentos de
inspiração, de trabalho e de
leitura.
• Profissionais do mercado, gente
e vida real.
• Se necessário, utilize fundos de
cor sólida que darão destaque
para o personagem da foto.

40
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S

Exemplos A seguir, apresentaremos alguns exemplos de aplicação geral do


logotipo da Fictional em peças impressas e digitais. A liberdade do

de aplicação uso do logotipo necessita respeitar alguns aspectos mínimos, como


legibilidade e posicionamentos corretos.

A S P E S S O A S S Ã O O D E S TA Q U E D O S E U C A R TÃ O D E V I S I TA S . E M P E Ç A S M U I T O V E R T I C A I S O U E S T R E I TA S ,
POR ISSO O USO DE TIPOGRAFIA BOLD E EXAGERADA. APLIQUE A VERSÃO VERTICAL DO LOGOTIPO
PA R A A P R O V E I TA R M E L H O R O E S PA Ç O Ú T I L .

41
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Exemplos
de aplicação

E M E S PA Ç O S R E D U Z I D O S ,
O P TA M O S P O R U S A R A S
VERSÕES EM MONOGRAMA
O U R E S P O N S I VA S .

42
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

PA D R Õ E S

Exemplos Em alguns casos, é importante respeitar alguns direcionais para


aplicação do logotipo. A assinatura em capas de publicações,

de aplicação por exemplo, exige algumas regras. Veja a seguir.

O LOGOTIPO DE
FICTIONAL DEVE
SER APLICADO
SEMPRE NA
PA R T E I N F E R I O R
DA PUBLICAÇÃO,
DE FORMA
CENTRALIZADA
VERTICALMENTE.
NUNCA DEVE
O C U PA R M A I S
E S PA Ç O Q U E
O NOME DA
PUBLICAÇÃO.

NA LOMBADA
L AT E R A L ,
APLICA-SE
SOMENTE O
SÍMBOLO.

C A PA O U C O N T R A C A PA LOMBADA EXEMPLO

43
Manual de Identidade Visual
Re v.0 1 _ 20 2 2

Obrigado por
fazer parte.
Lembre-se: esse manual é um documento sempre em
constante evolução e construção. Por isso, não deixe de
nos contactar para qualquer dúvida, sugestão ou opinião.
Afinal, todos somos guardiões da nossa marca.

C O N TAT O S :

Gilian Gomes Gilian Gomes


gilian@fictional.com gilian@fictional.com

Arquivos disponíveis em:


https://drive.google.com/drive/fictional

ELABORADO POR DOMÉSTIKA DESIGN.

Você também pode gostar