MANUAL DE IDENTIDADE VISUAL
VERSÃO 1.0 | 2022
SUMÁRIO 01.
07.
A marca
03
02.
Atributos da marca
04
03.
Conceito
05
04.
Símbolo
06
09.
05.
Paleta de cores
08
10.
06.
Tipografias
10
11.
08.
13
Logo
7.1
Assinaturas
14
7.2
Construção
21
7.3
Proteção
22
7.4
Redução
23
Versões
24
8.1
Monocromático
25
8.2
Positivo & Negativo
26
8.3
Escala de cinza
27
Usos incorretos
28
Elementos gráficos
32
Aplicações
34
Manual de Identidade Visual
01.
A MARCA A Anima Juris é um projeto de ensino jurídico que visa iniciar canais nos principais pontos de contato online, como Instagram e Youtube, para ensinar Direito através de vídeos animados e slides dinâmicos de maneira que seja de fácil entendimento. O objeto é ensinar de um jeito menos massante, já que as matérias podem conter uma forte carga teórica e se tornar cansativas. Por meio destes vídeos, a Anima Juris abordará material de linguagem jurídica, administração de escritório, gestão de pessoas, resumos de livros, filosofia do direito entre outros, que não resumirá apenas ao ensino das leis em si, mas também ampliará para questões empresariais e para o trabalho com questões jurídicas.
03
Manual de Identidade Visual
02.
ATRIBUTOS DA MARCA As pessoas devem sentir que a Anima Juris é uma marca:
CONFIÁVEL COMPROMETIDA MODERNA SÉRIA ACESSÍVEL 04
Manual de Identidade Visual
03. CONCEITO PARA CONSTRUÇÃO DO SÍMBOLO
+
+
+
L E T RA A
LETRA J
BALANÇA
Anima
Juris
Justiça Direito Lei
ARQUIT E T URA GRE CO ROMANA Corte Tribunal Justiça
05
04.
x
05. PALETA DE CORES
O padrão CMYK e Pantone deve ser usado em materiais impressos. Já o RGB e Hexadecimal, em peças com propósito de serem exibidas em algum tipo de tela (TV ou celulares), como mídias sociais, sites e aplicativos.
PRIMÁRIA
PRIMÁRIA
PANTONE
PANTONE
655 C
2378 C
HEX
HEX
#
002554
#
384967
C M Y K
100 85 40 35
C M Y K
80 65 35 25
R 0 G 37 B 84
PRIMÁRIA
R 56 G 73 B 103
PRIMÁRIA
PANTONE
CMYK
RGB
HEX
PANTONE
CMYK
RGB
HEX
2162 C
40 30 20 5
158 166 180
#
2366 C
16 8 5 0
221 229 237
#
SECUNDÁRIA
9EA6B4
SECUNDÁRIA
CMYK
RGB
HEX
CMYK
RGB
HEX
5 2 0 0
241 246 249
#
0 0 0 0
255 255 255
#
F1F6F9
FFFFFF
DDE5ED
06. TIPOGRAFIAS
A tipografia é a voz da marca. Manter um padrão ajuda a reforçar a pregnância da marca na memória do público. Na tela a seguir, você conhecerá toda a família tipográfica e sua hierarquia para compsição de títulos, subtítulos e textos longos.
Manual de Identidade Visual
FAMÍLIA TIPOGRÁFICA
Fonte principal do naming Syne
Syne
As licenças para o uso das fontes são gratuitas para uso pessoal e comercial. As fontes podem ser adquiridas no Google Fonts:
AaBb
AaBb
AaBb
AaBb
AaBb
Regular
Medium
SemiBold
Bold
ExtraBold
SYNE BOLD
Fonte primária para títulos grandes CAIXA ALTA
ENSINO JURÍDICO ACESSÍVEL E DE FÁCIL ENTENDIMENTO
SYNE MEDIUM
https://fonts.google.com/specimen/Syne https://fonts.google.com/specimen/Kanit https://fonts.google.com/specimen/Poppins
Fonte primária para subtítulos CAIXA BAIXA
Ensinamos com seriedade respeitando valores éticos e morais 11
Manual de Identidade Visual
Fonte secundária
FAMÍLIA TIPOGRÁFICA
Kanit
Kanit AaBb AaBb AaBb AaBb AaBb Light
KANIT BOLD
Regular
Medium
Fonte secundária para títulos
Ensino jurídico acessível e de fácil entendimento
Fonte de apoio
FAMÍLIA TIPOGRÁFICA
Bold
Black
KANIT REGULAR
Poppins
Poppins
AaBb AaBb AaBb AaBb AaBb Light
Regular
Fonte secundária para subtítulos
Ensinamos com seriedade respeitando valores éticos e morais
Medium
KANIT REGULAR
Bold
Black
Fonte primária para textos longos e web
Ensino que visa garantir o aprendizado de matérias chatas e maçantes com mais facilidade e estimulando o desejo dos alunos e interessados em aprender e se desenvolver. 12
07. LOGO
Para proporcionar mais flexibilidade nas aplicações, o logo possui algumas variações de assinatura. É importante seguir as aplicações em seus fundos variados de cores para que a marca seja apresentada com boa legibilidade e que o logo tenha contraste suficiente com o fundo para não comprometer a leitura.
VERTICAL | Assinatura principal
HORIZONTAL | Assinatura secundária
SÍMBOLO | Assinatura reduzida
VERTICAL | Assinatura terciária
HORIZONTAL | Assinatura terciária
HORIZONTAL | Assinatura tag
SÍMBOLO | Assinatura tag
Manual de Identidade Visual
7.2 CONSTRUÇÃO A construção do logo é feita baseada em um grid com ajuste de kerning (espaçamento entre as letras) e ajuste ótico para detalhes mais minuciosos para manter o equilíbrio visual.
x
Isso mantém a composição visualmente organizada e padronizada sem que os elementos fiquem muito próximos ou distantes entre si e não causem ruídos estéticos desnecessários.
21
Manual de Identidade Visual
7.3 PROTEÇÃO Para evitar interferência de outros elementos gráficos e preservar a integridade e legibilidade da marca, deve ser resguardado um espaço ao seu redor. A esse espaço atribuímos o nome de “área de proteção”.
1/4 de x
A área de proteção é definida pela altura do símbolo, logo o símbolo é igual a X. O X representa a borda entre a marca e qualquer elemento externo. Independente da aplicação, é importante que nada interfira nesse espaço.
22
Manual de Identidade Visual
7.4 REDUÇÃO A redução é definida pelo menor tamanho que o logo pode assumir sem que sua legibilidade seja comprometida. Reduzir demasiadamente o logo pode dificultar sua leitura e o seu reconhecimento. Dito isso, o logo nunca deve ser menor dos que serão apresentados a seguir. As medidas são feitas pela largura.
72 px | 25 mm
100 px | 35 mm
40 px | 14 mm
72 px | 25 mm
100 px | 35 mm
24 px | 8 mm
20 px | 7 mm
23
08. VERSÕES
Caso ocorram limitações que impeçam as cores institucionais da marca de serem reproduzidas, o logo pode ser aplicado em monocromático, positivo & negativo e escala de cinza.
MONOCROMÁTICO
POSITIVO & NEGATIVO
ESCALA DE CINZA
09. USOS INCORRETOS
Aqui vamos entender o que pode e o que não pode ser feito com a marca para que ela possa ser utilizada da melhor forma possível.
Usos incorretos da marca
A fim de manter a identidade da marca, o logo nunca deverá ser alterado, seja nas suas cores, diagramação ou proporções. Mantenha-o sempre original. Certifique-se de não distorcer, inclinar, comprimir, esticar, remover elementos, rotacionar, refletir, aplicar filtros e efeitos, entre outros.
Distorcer
Comprimir
Esticar
Rotacionar
Refletir
Aplicar filtros e efeitos
Manual de Identidade Visual
29
Cores diferentes
Incorreto
Caso precise aplicar o logo em fundos com cores que não estão na paleta de cores desse manual, o ideal seria usá-lo em positivo, negativo ou monocromático para que a marca tenha mais destaque. É importante nunca aplicar a marca sobre fundos com contraste insuficiente para a legibilidade.
Manual de Identidade Visual
Correto
30
Fundos fotográficos
Incorreto
Sobre fundos fotográficos, deve ser aplicada a versão positiva, negativa ou monocromática do logo e utilizando efeitos de transparência e opacidade visando sempre maximizar seu contraste com o fundo. É importante nunca aplicar a marca sobre fundos com contraste insuficiente para a legibilidade.
Manual de Identidade Visual
Correto
31
10. ELEMENTOS GRÁFICOS
Os elementos podem ser usados de forma ordenada, dando origem a padronagens, ou de forma randômica, desenvolvendo composições dinâmicas e criativas nas peças gráficas, tanto para o meio digital quanto para o impresso.
11.
APLICAÇÕES
A seguir disponibilizamos algumas imagens de aplicações (mockups) e sugestões de uso do projeto. Dessa forma, podemos ter uma dimensão e visualização melhor de como a identidade visual irá se comportar nos mais diversos pontos de contato.
TEMPLATES PARA FEED DO INSTAGRAM
animajuris
animajuris
animajuris
AVATAR E DESTAQUES DO INSTAGRAM
100 Posts
Anima Juris
10K
Seguidores
100
Seguindo
AVATAR, CAPA E THUMBNAILS DO YOUTUBE
Anima Juris
INSCREVER-SE
5:52
6:34
7:41
AULA #03 - Princípios do Direito Penal
AULA #02 - Declaração Universal dos Direitos Humanos de 1948
AULA #01 - Princípios Gerais Constituição Federal de 1988
10 mil visualizações • há 2 dias
100 mil visualizações • há 8 dias
1,2 mi visualizações • há 2 semanas
AVATAR E CAPA DO FACEBOOK
Anima Juris
AVATAR E CAPA DO LINKEDIN
Anima Juris
Este documento é de uso restrito dos colaboradores desta empresa e dos parceiros que prestam serviços relacionados à aplicação da marca. É proibida a reprodução da estrutura desse manual de identidade sem a autorização devida a PRIYS – brand & design studio. A criação desse manual tem direitos autorais reservados.
Desenvolvido por PRIYS – brand & design studio