Graphisme + éléments visuels

Guide stylistique, logos + ressources

Version 3

Buts

  1. Attirer et mobiliser les personnes
  2. Clarifier et renforcer nos messages
  3. Faciliter l’usage par les non-graphistes
  4. Exprimer les valeurs et la personnalité de 350

Les bases

350 est: Comment cela se reflète dans notre style:
Optimiste, audacieuse, énergique
  • Couleurs vives
  • Caractères gras
  • Photos dynamiques
Clairvoyante, concrète, directe
  • Typographie claire et simple
  • Mise en page sobre
  • Couleurs unies : pas de dégradés, de textures ou d’effets élaborés
Internationale, diverse, populaire
  • Diversité des photos
  • Variété des couleurs
  • Outils « open-source »

Couleurs

Disques d’une taille proportionnelle à la fréquence d’utilisation de chaque couleur dans le style de 350.

 Le bleu est la couleur principale de 350 : quelle que soit votre création, elle devra probablement contenir du bleu.

   Le blanc, le gris clair et le gris foncé sont les couleurs neutres secondaires. Elles conviennent aux arrière-plans et permettent de faire ressortir les couleurs plus vives et plus intenses.

 L’orange est la couleur d’accentuation principale. Utilisez-la pour les boutons et les faits saillants et pour attirer l’attention sur les éléments centraux du matériel que vous concevez.

  Le turquoise et le rouge sont des couleurs d’accentuation secondaires. Lorsque vous avez déjà utilisé toutes les autres couleurs, elles permettent de varier et d’augmenter les possibilités.

Codes couleur

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

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

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

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

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

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

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

Texte

La typographie de 350 est essentiellement en caractères gras, simple et de grande taille.

  • Les titres et manchettes doivent être écrit.e.s en grand et en gras.
  • Les paragraphes doivent être alignés à gauche mais pas justifiés (réglage par défaut pour la plupart des langues s’écrivant de gauche à droite).

L’expression écrite de 350 est claire et accessible, ce qui se reflète dans notre typographie. Choisissez un style simple et direct pour votre texte. N’en faites pas trop !

En général, 350 utilise lapyramide inversée pour organiser le texte : identifiez les informations les plus importantes, placez-les tout en haut et écrivez-les en grand.

Toutes les polices employés par 350 sont gratuites dans le cadre d’une utilisation non commerciale.

Langues basées sur l’alphabet latin

Titres et manchettes

Klima Heavy

Télécharger

Sous-titres, boutons et éléments accentués

Graph Condensed

Télécharger

Corps du texte

Pour l’impression/les images : Klima
Pour le Web/HTML : Arial/San Francisco (Default web-safe sans-serifs)

Télécharger

Éléments accentués/Méta-texte :

Overpass Mono / Menlo

Télécharger

Arabe

Titles/Headlines

Noto Kufi Arabic

Télécharger

Text

Noto Kufi Naskh

Télécharger

Photos

Les personnes

Les personnes sont l’âme du mouvement climatique ; les photos doivent se focaliser sur les populations touchées par la crise climatique et œuvrant à un futur meilleur. Évitez les photos d’ours polaires, d’icebergs ou d’autres sujets reléguant au second plan les personnes réelles qui subissent la crise climatique.

Diversité

Le mouvement climatique transcende les frontières culturelles, géographiques, raciales, religieuses et politiques ainsi que l’âge et le sexe. Les photos doivent témoigner de l’ampleur et de la diversité extraordinaires du mouvement.

Énergie + élan

Des personnes en action, qui crient de joie, chantent, sourient… Les photos de 350 doivent donner à ceux qui les regardent l’impression de faire partie d’un mouvement vaste, puissant et ambitieux. Privilégiez les clichés de foules remplissant le cadre et de personnes en action.

Photos de 350 sur Flickr

Citez les photographes : de bonnes photos sont essentielles pour les visuels de 350, et qui dit bonnes photos dit bon.ne.s photographes. N’oubliez pas d’indiquer le nom du/de la photographe et n’utilisez pas de clichés sans permission.

Photos, en partant de l’angle supérieur gauche : New York, États-Unis (Christine Irvine). Falaises de Moher, Irlande (Eamon Ryan). Ende Gelande, Allemagne (Moritz Richter). Dumaguete, Philippines (Therese Quijano). Oloibiri, Nigeria (Babawale Obayanju). Anacortes, Washington, États-Unis (inconnu.e).

Symboles

Les icônes de 350 servent à mettre en évidence et à attirer l’attention sur les éléments clés, tout en soulignant la nature multilingue et multiculturelle du travail de 350..

Télécharger le jeu d’icônes de 350


Remarque au sujet des cartes:

Lorsque vous utilisez des cartes, assurez-vous qu’elles rendent justice aux différents pays. Ainsi, dans la projection de Mercator traditionnelle, le Groenland a la même taille que l’Afrique, alors que cette dernière est en réalité 14 fois plus étendue (la carte de 350 adopte la projection de Robinson).

Samples from 350's climate icon set