Manual de Identidade Visual – Anima Juris

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.