350 Español
Materiales visuales y gráficos
Guía de estilo, logos y recursos
Objetivos
- Atraer e involucrar a las personas
- Hacer nuestros mensajes más claros y fuertes
- Ser fácil para quienes no son diseñadores
- Expresar los valores y la personalidad de 350
Lo Básico
| 350 es: | Cómo luce en nuestro estilo: |
|---|---|
| Optimista, audaz, energético |
|
| Claro, práctico, directo |
|
| Internacional, diverso, popular |
|
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.
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.
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).
Logo
En general, el estilo de 350 recae más en los tipos de letra, los colores y el contenido, que en el logo.
Cuando coloques el logo, generalmente está bien hacerlo pequeño y colocarlo hacia la parte inferior de lo que sea que estés haciendo..
Formatos
.PNG es lo mejor para los usos más comunes y puede usarse igual que si fuera un archivo .jpg.
.SVG es mejor para usos en software de diseño.
Versiones principales
Versiones alternativas
Usa los logos alternativos solamente cuando los logos principales no funcionen para lo que estés haciendo.
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).
