GUIDE DE L'IDENTITÉ VISUELLE DE WIKIMEDIA FRANCE

Wikimedia France est l’association française qui soutient le libre partage de la connaissance et regroupe les utilisateurs des projets Wikimedia. Nous avons souhaité créer cette charte graphique en cohérence avec celle de la Wikimedia Fondation.

Logotype

Le logo Wikimédia France existe en noir ainsi qu’en blanc dans une version verticale et horizontale. La construction géométrique, les couleurs ainsi que la typographie ne peuvent en aucun cas être modifiées.

Zone de sécurité

Si vous utilisez le logo de Wikimédia France parallèlement à d’autres logos ou à d’autres éléments graphiques, ces derniers doivent être placés aux distances suivantes. Pour l’utilisation du logo, veuillez-vous référer à la charte graphique de la Wikimedia Foundation.

Construction

Logo principal

Le logo se compose d’un logo circulaire et d’un mot-symbole représentant un personnage tenant un livre ouvert. La police Montserrat est utilisée pour construire à la fois le titre et le pays.

Logo secondaire

Variante du logo utilisée pour les sites de l'association et sa papeterie.

Variante du logo de Wikimédia France

Ce logo n'est utilisable que par Wikimédia France. Si vous voulez intégrer le logo de l'association dans vos supports de communication merci de prendre contact avec la personne en charge de la communication chez Wikimédia France.

>> Voir tous les formats du logo Wikimédia France

Utilisation

Vous pouvez utiliser des fonds colorés ainsi que des images, tant que le logo reste bien lisible. Pour les fonds sombres, merci d'utiliser la version blanche du logo.

Variante blanche du logo principal
Variante blanche du logo horizontal

Les contre-exemples :

Le logo de Wikimédia France ne peut pas être modifié.
Le logo ne doit pas coller aux bords de l'image et un espace suffisant doit être laissé autour du logo.
Le logo doit être bien visible. Il faut éviter de mettre le logo sur une photo ou au dessus d'un visuel.
La taille minimum du logo est de 12px.
La forme, la couleur, le fond du logo doivent respecter la charte établie par Wikimédia France.

Les logos de nos projets

>> Voir tous les formats, cliquez ici

Typographie

Promotion et communication
Promotion et communication
Courriel	commlists.wikimedia.fr
Référent·es	VIGNERON;
Pages wiki	Stratégie de communication; Charte graphique; Charte éditoriale; Spécificités éditoriales des différents réseaux sociaux de l'association; Revue de presse Compte Facebook; Compte Mastodon; LinkedIn; Compte Instagram;

Polices de Caractères

Pour la marque Wikimédia, la communication ècrite est importante, donc utiliser la typographie de façon effective et cohérente est essentiel pour transmettre notre message. Wikimédia emploi deux types de polices, Montserrat et Source Serif Pro. Toutes les deux sont gratuites et de code source ouvert.

Montserrat

La police principale de caractères chez Wikimédia est Montserrat. C'est le type qu'on utilise dans le logo de la Wikimedia Foundation, et aussi dans des autres contenus qu'on produit. Il s'agit d'une police versatile de caractères sans-sérif, qui a des certains traits humanistes qui lui donnent de personnalité, au même temps que sa taille lui donne un grand impact. Cela marche bien tant pour les grands titulaires, comme pour les paragraphes du corps du texte.

Télécharger la police Montserrat

Source Serif Pro

Source Serif Pro est une police de caractères sérif en style transitionnel. Créée pour un environnement digital, ses lettres sont simplifiées et très lisibles. Cette police a une forte personnalité, appropriée pour des textes longs, soit en papier ou dans l'écran.

Télécharger la police Source Serif Pro

Titrage

Pour les en-têtes : Montserrat, extra-bold 21

Pour les sous-titrages : Montserrat, semi-bold 18

Texte courant

Montserrat, 12

Couleurs

Palette de Couleurs de Base

La palette de base comprend les couleurs Noir et Blanc, et aussi trois tons de noir: Noir 25, Noir 50, et Noir 75. Noir et blanc sont les couleurs principales qui vont mieux avec les couleurs dans la palette d'héritage et la palette créative. Le logo de Wikimédia France est noir ou blanc. Cette approche le rend flexible et prêt à utiliser dans des contextes diverses.

Codes HEX
Couleur	Blanc	Noir	Noir 75	Noir 50	Noir 25
Code HEX	FFFFFF	000000	404040	7F7F7F	BFBFBF

Palette d'Héritage

La palette d'héritage comprend les trois couleurs les plus associés avec le mouvement Wikimédia: vert, bleu, et rouge. On les utilise comme des couleurs de fond, pour les titres et titulaires, et sur des vêtements. Ces couleurs ont aussi des versions optimisées pour être plus accessibles, avec un contraste qualifié AAA en combinaison avec le blanc.

Codes HEX
Couleur	Vert	Bleu	Rouge	Vert AAA	Bleu AAA	Rouge AAA
Code HEX	396	0063BF	900	246342	0C57A8	970302

Palette Créative

La palette créative se compose de 11 couleurs dérivées de couleurs les plus fréquemment utilisées par les groupes de la communauté autour du globe, et aussi par les couleurs utilisées pour l'anniversaire Wikipedia20. Cette palette a été développée pour compléter les palettes de base et d'héritage, aussi comme pour donner une versatilité étendue dans les situations qui le méritent. Ces rouge, bleu, et vert sont légèrement différents de ceux de la palette d'héritage, fixés aux paramètres AA.

La palette créative comprend des couleurs foncées et des tonalités plus claires. Les tons clairs sont plus utiles pour exprimer des choses plus subtilement.

Couleurs foncés

Codes HEX
Couleur	Rouge	Rose	Orange	Jaune	Violet	Vert foncé
Code HEX	970302	E679A6	EE8019	F0BC00	5748B5	305D70
Couleur	Bleu	Bleu vif	Jaune vif	Vert	Vert vif	-
Code HEX	0E65C0	049DFF	E9E7C4	308557	71D1B3	-

Couleurs Clairs

Codes HEX
Couleur	Rouge	Rose	Orange	Jaune	Violet	Vert foncé
Code HEX	E5C0C0	F9DDE9	FBDFC5	FBEEBF	D5D1EC	CBD6DB
Couleur	Bleu	Bleu vif	Jaune vif	Vert	Vert vif	-
Code HEX	C3D8EF	C0E6FF	F9F9F0	CBE0D5	DBF3EC	-

Usage des couleurs

Combinaisons

Pour arriver au contraste suffisant, nous vous conseillons de combiner la palette d'héritage avec la palette créative et des textes en noir ou blanc.Tous les couleurs sauf le violet, le bleu, le vert et le vert foncé supportent le texte noir. Le reste des couleurs doit être combiné avec du blanc pour atteindre le contraste suffisant.

À ne pas faire

Pour respecter l'accessibilité, évitez de combiner des textes aux couleurs vives avec des couleurs foncées dans la palette créative car le contraste n'est pas suffisant.

Les couleurs par thématique

Association

Pour parler de l'association, de la presse, du recrutement, du plaidoyer, des appels d'offre, on utilisera en priorité les couleurs noir et blanc de la charte graphique.


Couleur	Blanc	Noir
Code HEX	FFFFFF	000000

Bénévolat et adhésion

Pour parler du bénévolat et de l'adhésion sur notre site Internet, nos réseaux sociaux, on utilisera le bleu vif foncé ou clair associé aux couleurs de base noir et blanc de la charte graphique de Wikimédia France.


Couleur	Blanc	Noir	Bleu vif	Bleu vif clair
Code HEX	FFFFFF	000000	049DFF	C0E6FF

Culture

Pour parler de culture et GLAM, on utilisera le jaune et le jaune clair associé aux couleurs de base noir et blanc de la charte graphique de Wikimédia France.


Couleur	Blanc	Noir	jaune	jaune clair
Code HEX	FFFFFF	000000	F0BC00	FBEEBF

Éducation aux médias

Pour parler de l'éducation aux médias, on utilisera le vert vif et clair associé associé aux couleurs de base noir et blanc de la charte graphique de Wikimédia France

Science ouverte

Pour parler de la science ouverte, on utiliser le orange ou le orange clair associé aux couleurs de base noir et blanc de la charte graphique de Wikimédia France


Couleur	Blanc	Noir	orange	orange clair
Code HEX	FFFFFF	000000	EE8019	FBDFC5

Dons

Pour parler des dons, on utilisera le vert foncé ou clair, associé aux couleurs de base noir et blanc de la charte graphique de Wikimédia France.


Couleur	Blanc	Noir	vert foncé	vert clair
Code HEX	FFFFFF	000000	308557	CBE0D5

Francophonie

Pour parler de la francophonie, on utilisera le violet foncé ou clair associé aux couleurs de base noir et blanc de la charte graphique de Wikimédia France.


Couleur	Blanc	Noir	violet	violet clair
Code HEX	FFFFFF	000000	5748B5	D5D1EC

Pictogramme

Pictogramme bénévolat et adhésion
Pictogramme diversité et francophonie
Pictogramme utilisé pour la culture et les GLAM
Pictogramme éducation aux médias