Materiales visuales y gráficos

Guía de estilo, logos y recursos

Versión 3

Objetivos

  1. Atraer e involucrar a las personas
  2. Hacer nuestros mensajes más claros y fuertes
  3. Ser fácil para quienes no son diseñadores
  4. Expresar los valores y la personalidad de 350

Lo Básico

350 es: Cómo luce en nuestro estilo:
Optimista, audaz, energético
  • Colores brillantes
  • Tipografía audaz
  • Fotos de alta energía
Claro, práctico, directo
  • Tipografía clara y simple
  • Bosquejos no complicados
  • Color plano — sin gradientes, texturas o efectos elaborados
Internacional, diverso, popular
  • Diversidad en las fotos
  • Variedad de colores
  • Herramientas de fuente abierta

Colores

Proporciones de los colores, según qué tanto se usan en el estilo de 350.

 Azul es el color principal de 350 — lo que sea que estés haciendo, probablemente debería llevar azul.

   Blanco, gris claro y gris oscuro son los colores neutros y secundarios. Buenos para fondos y para equilibrar los colores más brillantes e intensos.

 Naranja es el color de acento principal. Úsalo para botones, secciones destacadas y para llamar la atención a las partes más importantes de tu diseño.

  Verde azulado y rojo son colores de acento secundarios. Cuando estés usando todos los demás colores, verde azulado y rojo pueden ofrecer variedad y darte más alternativas con las que puedes trabajar.

Códigos de colores

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

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

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

Gris oscuro
Hex: #17292E
RGB: 23,41,46
CMYK: 84,65,60,65

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

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

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

Texto

Grande, audaz y simple son los elementos clave para la tipografía de 350.

  • Los títulos y encabezados deben ser grandes e ir en negritas.
  • Los párrafos deben alinearse a la izquierda y el margen derecho sin alinear (la configuración predeterminada para la mayoría de idiomas que se escriben de izquierda a derecha).

La voz escrita de 350 es clara y de lenguaje simple, y nuestra tipografía refuerza eso. Cuando estás dándole estilo a un texto, hazlo de manera simple y directa; ¡no lo pienses mucho!

En general, 350 usa la pirámide invertida como una forma de organizar el texto: identifica la información más importante, ponla en la parte superior y agrándala.

Todos los tipos de letra que usa 350 son gratis para uso no comercial.

Idiomas del alfabeto latino

Títulos y encabezados

Klima Heavy

Descargar

Subtítulos, Botones y acentos

Graph Condensed

Descargar

Texto del cuerpo

Para impresión/uso de imágenes: Klima
Para uso en la web/HTML: Arial/San Francisco (Default web-safe sans-serifs)

Descargar

Acentos/Metatexto

Overpass Mono / Menlo

Descargar

Árabe

Titles/Headlines

Noto Kufi Arabic

Descargar

Text

Noto Kufi Naskh

Descargar

Fotos

Gente

Las personas son el corazón del movimiento climático: las fotos deben enfocarse en las personas impactadas por la crisis climática y quienes trabajan para crear un futuro mejor. Evita las fotos de osos polares, icebergs u otras imágenes que oscurezcan a la gente real en la crisis climática.

Diversidad

El movimiento climático cruza los límites culturales, geográficos, raciales, de edad, de género, religiosos y políticos. Las fotos deben reflejar lo masivo y diverso que es el movimiento.

Energía + Ímpetu

Gente moviéndose, gritando, cantando, sonriendo: las fotos de 350 deben ayudar a las personas a sentirse parte de un movimiento grande, poderoso y ambicioso. Bien: Tomas de muchedumbres que llenen el marco e imágenes de personas en acción.

Fotos de 350 en Flickr

Dar el crédito a los fotógrafos: Las buenas fotos son cruciales para los materiales visuales de 350, y es difícil obtener buenas fotos sin buenos fotógrafos. Asegúrate de darle el crédito al fotógrafo y no uses fotos sin permiso.

Fotos, desde la parte superior izquierda: Ciudad de Nueva York, EE. UU. (Christine Irvine). Acantilados de Moher, Irlanda (Eamon Ryan). Ende Gelände, Alemania (Moritz Richter). Dumaguete, Filipinas (Therese Quijano). Oloibiri, Nigeria (Babawale Obayanju). Anacortes, Washington, EE. UU. (desconocido).

Símbolos

Usa íconos del conjunto de íconos de 350 para realzar y llamar la atención a elementos clave y reforzar la naturaleza multilingüe e intercultural del trabajo de 350.

Descarga el conjunto de íconos de 350


Una nota sobre el uso de mapas:

Cuando uses mapas, asegúrate de usar mapas que representen a los países con justicia. Por ejemplo, la común proyección de Mercator hace que Groenlandia se vea del mismo tamaño que África, cuando en realidad, África es 14 veces más grande que Groenlandia (el mapa en el ícono de 350 usa la proyección de Robinson).

Samples from 350's climate icon set