Identidade visual

Guia de estilo, logos e recursos

Versão 3

Metas

  1. Atraia e engaje pessoas
  2. Torne nossas mensagens mais fortes e claras
  3. Facilite o trabalho de quem não é designer
  4. Expresse os valores e a personalidade da 350

Básico

A 350 é: Como nosso estilo representa isso:
Otimista, corajosa, enérgica
  • Cores vivas
  • Negrito
  • Fotos estimulantes
Lúcida, prática, direta
  • Tipografia clara e simples
  • Layouts descomplicados
  • Cores planas – sem degrades, texturas ou efeitos extravagantes
Internacional, diversa, popular
  • Diversidade nas fotos
  • Variedade de cores
  • Ferramentas de código aberto

Cores

Proporção das cores, conforme a frequência de uso pela 350.

 Azul é a cor principal da 350 – não importa o que você esteja fazendo, considere usá-la em algum elemento.

   Branco, cinza claro e cinza escuro são as cores neutras e secundárias: Boa para fundos e para equilíbrio com as fotos de cores mais vibrantes.

 Laranja é a principal cor de destaque. Use-a para botões, destaques e para chamar a atenção para as partes mais importantes do design.

  Turquesa e vermelho são cores de destaque secundárias. Quando você já tiver usado todas as outras cores, esses tons podem oferecer variedade e alternativas.

Códigos de cores

Azul
Hex: #0F81E8
RGB: 15,130,232
CMYK: 78,47,0,0

Branco
Hex: #FFFFFF
RGB: 255,255,255
CMYK: 0,0,0,0

LCinza claro
Hex: #E6F0FA
RGB: 230,240,250
CMYK: 84,65,60,65

Cinza escuro
Hex: #17292E
RGB: 23,41,46
CMYK: 84,65,60,65

Laranja
Hex: #FFA902
RGB: 255,170,2
CMYK: 0,40,100,0

Turquesa
Hex: #40D7D4
RGB: 64,215,212
CMYK: 60,0,25,0

Vermelho
Hex: #FF6112
RGB: 255,97,18
CMYK: 0,76,100,0

Texto

Fontes grandes, simples e em negrito são os principais elementos tipográficos da 350.

  • Títulos e manchetes devem ser grandes e em negrito.
  • Parágrafos devem estar alinhados à esquerda sem justificar (a configuração padrão da maioria das línguas com leitura da esquerda para a direita).

A escrita da 350 é clara e objetiva, e nossa tipografia reforça essas características. Quando você empregar seu estilo no texto, faça-o de forma simples e direta – não pense demais!

Em geral, a 350 usa a the pirâmide invertida para organizar o texto: Identifique as informações mais importantes, e coloque-as no topo com destaque.

Todas as fontes da 350 são de uso livre e não comercial.

Línguas de alfabeto latino

Títulos e manchetes

Klima Heavy

Baixar

Subtítulos, botões e destaques

Graph Condensed

Baixar

Corpo do texto

Para impressão / uso de imagens: Klima
Para uso Web/HTML: Arial/San Francisco (Default web-safe sans-serifs)

Baixar

Destaque / Metatexto

Overpass Mono / Menlo

Baixar

Árabe

Titles/Headlines

Noto Kufi Arabic

Baixar

Text

Noto Kufi Naskh

Baixar

Fotos

Pessoas

As pessoas são o coração do movimento climático – as fotos devem evidenciar aqueles que são impactados pela crise climática e que trabalham para criar um futuro melhor. Evite fotos de ursos polares, icebergs e outras imagens que ocultem as pessoas afetadas pela crise climática.

Diversidade

O movimento climático atravessa fronteiras culturais, geográficas, raciais, de idade, de gênero, religiosas e políticas. As fotos devem mostrar o quão massivo e diverso é o movimento.

Energia + entusiasmo

Pessoas em movimento, gritando, cantando, sorrindo – as fotos da 350 devem ajudar as pessoas a se sentirem parte de um movimento grande, poderoso e ambicioso. O que é ótimo: imagens de multidões que preencham o enquadramento e flagrantes de pessoas realizando ações.

Fotos da 350 no Flickr

Créditos dos fotógrafos: Boas fotos são cruciais para a identidade visual da 350, e é difícil conseguir boas fotos sem bons fotógrafos. Certifique-se de creditar os fotógrafos e não use fotos sem permissão.

Fotos, desde cima, à esquerda: Nova York, EUA (Christine Irvine). Falésias de Moher, Irlanda(Eamon Ryan). Ende Gelände, Alemanha (Moritz Richter). Dumaguete, Filipinas (Therese Quijano). Oloibiri, Nigéria (Babawale Obayanju). Anacortes, Washington, EUA (desconhecido).

Símbolos

Use ícones da 350 de modo a enfatizar e chamar a atenção para elementos essenciais, reforçando a natureza multilíngue e multicultural do nosso trabalho.

Baixar ícones da 350


Um comentário sobre o uso de mapas:

Ao utilizar mapas, tenha certeza de que eles representam os países de forma justa. Por exemplo, a representação de Mercator faz com que a Groenlândia pareça ter o mesmo tamanho que a África – na verdade, o continente africano é 14 vezes maior que a ilha (a 350 usa a representação de Robinson).

Samples from 350's climate icon set