• Downloads
  • Contato
1. INTRODUÇÃO
  • A marca
2. MANUAL DE APLICAÇÃO DA MARCA
  • Versões da marca
    • Versões da marca
    • Área de proteção
    • Redução
    • Usos indevidos
    • Aplicação sob fundos coloridos
3. IDENTIDADE VISUAL
  • Linguagem e identidade
    • Tipografia
    • Grafismo
4. SOBRE O GUIA
  • Downloads
  • Contato

Universo visual

 

A linguagem da marca é como o Instituto Julio Simões se expressa visualmente. Para que seja aplicada com personalidade e consistência, reunimos aqui os elementos para a construção da nossa identidade visual: cores, tipografias e grafismo.

Cores

A cor é uma das principais ferramentas para expressar a identidade do Instituto Julio Simões. As principais cores da identidade são o vermelho e o branco. Para compor uma paleta flexível, acrescentamos o laranja, o azul e o rosa como cores de apoio a serem utilizadas em detalhes das composições.

Vermelho

PANTONE 185
C5 M100 Y90 K0
R227 G30 B48
#E31E30

Branco

C0 M0 Y0 K0
R255 G255 B255
#FFFFFF

Laranja

PANTONE 2018
C0 M55 Y100 K0
R246 G139 B31
#F68B1F

Azul

PANTONE 7455
C80 M70 Y0 K0
R75 G94 B170
#4B5EAA

Rosa

PANTONE 698
C0 M20 Y15 K0
R252 G211 B201
#FCD3C9

Proporção de uso

O equilíbrio no uso da paleta de cores é essencial para a unidade na comunicação do Instituto Julio Simões. Confira ao lado um diagrama visual da quantidade ideal da aplicação de cada cor:

Exemplos de aplicação

Arquivos para download

Cores

JSL-Cores.zip
12.05.2021 / 2 KB

Baixar

Tipografia

A Poppins foi escolhida pela sua variedade de pesos e versatilidade, tanto no ambiente digital quanto no impresso. Todos os pesos podem ser usados em títulos, chamadas, textos de apoio, subtítulos, destaques de informação.

Tratamento tipográfico

É importante que os textos sempre tenham contrastes em relação ao fundo (tipografia clara em fundo escuro/ tipografia escura em fundo claro), para que a legibilidade não seja prejudicada.

Para que o grafismo sempre seja o ponto de foco e cor da peça, as chamadas de textos entram com neutralidade (ou preto ou branco).

O uso de cor nas tipografias só acontece como recurso, caso o algum conteúdo necessite de destaque.

Exemplos de aplicação

Arquivos para download

Tipografia

JSL-Tipografia.zip
19.08.2020 / 1 MB

Baixar

Grafismo

Um grafismo que explora o conceito de caminhos e sua relação com a mobilidade, o transporte e a construção de futuro melhor.

Possibilidades através de caminhos que se cruzam.

O grafismo da identidade foi construído a partir de diversas formas orgânicas que, quando conectadas, criam diferentes caminhos.

Noção de unidade: uma linha continua.

Porém várias partes formam o todo.

Como construir o grafismo?

Escolha as peças que irão compor o grafismo.

Crie o caminho interligando as peças.

Importante: Sempre verifique se as conexões estão corretas e bem encaixadas.

Aplique o caminho na composição desejada.

Usos incorretos

Não aplique o grafismo na foto de modo que interfira ou sobreponha elementos cruciais da imagem (neste exemplo, o rosto do personagem).

Não aumente a expessura do traço do grafismo.

Não aplique textos sobre o grafismo, isso dificulta a legibilidade da comunicação.

Não altere as cores do grafismo para além das que estão na paleta cromática.

Exemplos de aplicação

Arquivos para download

Grafismo

JSL-Grafismo.zip
12.05.2021 / 936 KB

Baixar
Contato email instituto@jsl.com.br Telefone

(11) 2377-7160

Redes Sociais
Última Revisão

18 de Março de 2021

Desenvolvido por Megalo