Charte graphique v.1 Proposée par jedorspaslanuit.com
Identité globale - Structure du logo Différentes versions du logo Marges de sécurité & tailles minimales autorisées
Une nouvelle identité Un nouveau logo - Génération 22 est une association née il y a plus de 10ans, dédiée à la microdélétion 22q11.2 et constamment en mouvement, la structure offre 3 axes principaux : l accompagnement et le soutien aux familles la formation et l aide à la recherche la communication (diffusion d information aux familles comme aux professionnels) Dans la volonté de rendre compte de l ensemble des activités actuelles et à venir de la structure, la nouvelle identité se veut généreuse par ses formes arrondies, invitant à la proximité, l accompagnement, le rassemblement tout en amenant - par un jeu de plein et de vide - à considérer sous divers angles les apports de la microdélétion 22q11.2. 4
5
Logo : structure - Le logo complet de la structure comprend la typographie, l insigne et la signature. C est cette version du logo qui sera à privilégier dans un premier temps dans toute communication externe, que ce soit dans les documents administratifs que les supports de communication à visée évènementielle ou informative afin d habituer le public à la nouvelle identité de la structure. 6
INSIGNE L insigne de génération 22, constitue un signe fort de l identité de la structure. Symbole de la solidarité, signe de ralliement autour de la microdélétion 22q11.2, il est l élément principal de la communication de l association. typographie signature 7
Logo : version compacte - En fonction de l espace d encombrement disponible, il sera possible d utiliser la version dite compacte du logo. Offrant un minimum d espace d encombrement, il a pour avantage de mettre en avant le signe graphique symbole de Génération 22 mais relègue au second plan la typographie et la signature de l association. Attention donc à bien définir le cadre de son utilisation. Il reste impératif de privilégier le logo sous sa forme complète. Cette version compacte reste une alternative possible en cas d encombrement restreint. 8
9
Logo : version insigne - Dans le cas où figurerait le logo complet sur un document, il pourra être nécessaire d établir un rappel de l identité de la structure par l utilisation du logo sous sa forme insigne uniquement. Attention : Pour des questions de lisibilité il est absolument exclu d utiliser l insigne sans la moindre apparition sur le même support du logo sous sa forme complète. 10
11
Logo complet Marges de sécurité - Pour des questions d aération il conviendra de respecter une marge de sécurité tout autour du logo. Cette marge est calculée à partir de la hauteur de corps de la lettre «O» (dimension notée x sur le schéma). Cette marge de sécurité constitue la zone d aération du logo et pour laquelle aucun élément ne pourra s y inscrire. 12
13
Logo version compacte Marges de sécurité - Dans le cadre de la version compacte du logo la marge de sécurité est calculée à partir de la hauteur correspondant à la moitié basse du chromosome à partir du centromère (dimension notée x sur le schéma). Cette marge de sécurité constitue la zone d aération du logo et pour laquelle aucun élément ne pourra s y inscrire. 14
15
Logo version insigne Marges de sécurité - Dans le cadre de la version insigne du logo la marge de sécurité est calculée à partir de la hauteur correspondant à la moitié basse du chromosome à partir du centromère (dimension notée x sur le schéma). Cette marge de sécurité constitue la zone d aération du logo et pour laquelle aucun élément ne pourra s y inscrire. 16
17
Logo complet Taille minimale - Pour des raisons de lisibilité en fonction de la taille du support et de la qualité d impression, une hauteur minimale de 10mm doit être respectée. 18
10mm 19
Logo version compacte Taille minimale - Pour des raisons de lisibilité en fonction de la taille du support et de la qualité d impression, une hauteur minimale de 30mm doit être respectée. 20
30mm 21
Logo version insigne Taille minimale - Pour des raisons de lisibilité en fonction de la taille du support et de la qualité d impression, une hauteur minimale de 20mm doit être respectée. 22
20mm 23
identité des axes - Pictogrammes Combinaisons & règles d utilisation
Pictogrammes - Il pourra être utile dans certains cas de signaler ou de communiquer sur un axe spécifique de Génération 22. Dans ce cas très précis, il conviendra d utiliser impérativement le pictogramme accompagné de la courte description de l axe. Attention cependant, le pictogramme accompagné du nom de l axe ne pourra en aucun cas apparaître sur un même document sans le logo sous sa version complète. Le pictogramme pourra néanmoins apparaître non accompagné du nom de l axe si l axe est déjà mentionné par ailleurs ou si les pictogrammes apparaissent sous forme de série. 26
formation & aide à la recherche accompagnement & soutien aux familles communication & diffusion d informations 27
nomenclature d un axe - Chaque axe devra être représenté suivant une même nomenclature comme indiqué ci-contre : 28
pictogramme encapsulage L encapsulage devra nécessairement apparaître sous la forme d un cerclage accompagné des deux traits sur le côté supérieure gauche. nom de l axe à indiquer avec la police Novecento Wide Normal et sur deux lignes si nécessaires. Il conviendra d utiliser le signe «&» (esperluette) dans le cas d une accumulation. Exemple : Formation & aide à la recherche. 29
éléments graphiques - Composition & affichage
éléments graphiques - Ci-contre, quelques éléments graphiques qui pourront être réutilisés au sein de la communication de Génération 22. Que ce soit en tant que motifs sur un dispositif de type wall-over (motif répétés sur toute une surface) ou comme élément illustratif. 32
insigne complet motif stripes motif cerclage 33
Motifs graphiques - Exemple de compositions de type wall-over. 34
35
Motifs graphiques - Exemple de compositions : utilisation de l insigne pour une illustration de type brin d ADN. 36
37
Motifs graphiques - Exemple de compositions, utilisant des contreformes carrées. 38
39
Typographies - Règles d utilisation
NOvecenTo wide Police libre de droit. Pour des questions de lisibilité et parce que la segmentation des axes tient une place importante dans la communication de génération 22, il conviendra d utiliser la police Novecento Wide sous sa fome light, regular ou encore demi-bold, bold pour les différents titrages et sous-titrages + mention de chiffres. 42
a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = 43
Crimson Dans le cadre d un texte courant de type print, il conviendra d utiliser une police de labeur la plus complète possible. Aussi il est recommandé d utiliser la police Crimson, qui possède l intégralité des signes ainsi que plusieurs variantes - bold, semi bold, italic, bold italic. Utilisation possible dans le cadre de l administratif sur support imprimé : texte courant. Utilisation possible dans le cadre évènementiel : texte courant des brochures de programmes, présentation, journal. 44
a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = 45
ARIAL Police libre de droit. Dans le cadre d un texte courant de type bureautique il conviendra d utiliser une police de labeur la plus universelle possible. Aussi il est recommandé d utiliser la police arial, qui possède l intégralité des signes ainsi que plusieurs variantes - regular, bold, italic, et qui de plus est existante par défaut sur tous les ordinateurs et sur le web. Utilisation possible dans le cadre bureautique Texte courant d emails. 46
a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z a à b c ç d e é è f g h i î ï j k l m n o p q r s t u ù v w x y z 1 2 3 4 5 6 7 8 9 0 & (! ) -?., ; : + = 47
lettrines Dans le cas d utilisation de lettrines pour certaines mises en page, on pourra utiliser sur le même dispositif que les contreformes, l ajout de stripes sur la lettre et une «morsure». Il conviendra d ajouter les stripes toujours sur le côté supérieur droit, la «morsure», sera elle à traiter au cas par cas en fonction de la lettre ou signe utilisée. 48
49
couleurs - Couleurs primaire & secondaires Utilisation de la couleur dans les différentes versions du logo et pictos
couleurs primaires Cette gamme de couleur primaire devra être utilisées en priorité dans la communication officielle de la structure afin de maintenir un lien avec la couleur bleu du précédent logo. 52
noir pantone black hex #000000 rvb 0.0.0.0 cmjn 0.0.0.100 bleu pantone 640 hex #008fc5 rvb 0.143.197 cmjn 100.0.0.22 sable pantone 4525 hex #dac792 rvb 218.199.146 cmjn 0.7.39.17 53
couleurs secondaires Cette gamme de couleurs secondaires associées à la gamme des couleurs primaires pourra être utilisée dans le cadre de la communication de la structure. 54
rubis vert anis orange jaune pantone rubine red hex #e20177 rvb 226.1.119 cmjn 0.100.15.4 pantone 375 hex #a0cf67 rvb 160.207.103 cmjn 41.0.78.0 pantone 172 hex #f47735 rvb 244.119.53 cmjn 0.66.88.0 pantone 116 hex #ffd200 rvb 255.210.0 cmjn 0.16.100.0 55
couleurs neutres Associées à la gamme de couleurs primaire et secondaire, on pourra utiliser une gamme de couleurs dites neutres. 56
warm grey pantone warm gry Warm Grey 0-11 57
opacité Les couleurs primaires comme secondaires pourront dans certains cas bénéficier d un pourcentage d opacité. 58
100% 80% 50% 30% 10% 59
Utilisation de la couleur dans le cadre du logo : version complète - Les couleurs définies dans le cadre des gammes primaires et secondaires pourront être utilisées mais également tout autre couleur en fonction du support. Déclinaisons possibles MONOCHROMIE : l intégralité du logo devra présenter la même couleur. BICHROMIE : Il conviendra de ne colorer que le accents de la typographie et la partie stripes du logo. Les autres parties du logo devront nécessairement être en noir ou blanc. 60
61
Utilisation de la couleur dans le cadre du logo : version compacte - Les couleurs définies dans le cadre des gammes primaires et secondaires pourront être utilisées mais également tout autre couleur en fonction du support. Déclinaisons possibles MONOCHROMIE : l intégralité du logo devra présenter la même couleur. BICHROMIE : Il conviendra de ne colorer que la partie stripes de l insigne et les accents de la typographie. Les autres parties du logo devront nécessairement être en noir ou blanc. 62
63
Utilisation de la couleur dans le cadre de l insigne - Les couleurs définies dans le cadre des gammes primaires et secondaires pourront être utilisées mais également tout autre couleur en fonction du support. Déclinaisons possibles MONOCHROMIE : l intégralité de l insigne devra présenter la même couleur. BICHROMIE : Il conviendra de ne colorer que le la partie stripes de l insigne et les accents de la typographie. Les autres parties de l insigne devront nécessairement être en noir ou blanc. 64
65
Sur fonds colorés foncés utilisation des versions négatives - Sur tout fond coloré sombre, qu il s agisse d une image/photo ou encore d un aplat de couleur, il est recommandé d utiliser le logo sous ses versions complète et compacte, l insigne comme les pictos dans leur déclinaison négative, donc blanche. 66
67
Sur fonds colorés foncés utilisation des versions négatives - Sur tout fond coloré sombre, qu il s agisse d une image/photo ou encore d un aplat de couleur, il est recommandé d utiliser le logo sous ses versions complète et compacte, l insigne comme les pictos dans leur déclinaison négative, donc blanche. 68
69
Sur fonds colorés foncés utilisation des versions négatives - Sur tout fond coloré sombre, qu il s agisse d une image/photo ou encore d un aplat de couleur, il est recommandé d utiliser le logo sous ses versions complète et compacte, l insigne comme les pictos dans leur déclinaison négative, donc blanche. 70
71
éléments de papeterie - Carte de visite Papier à en-tête Signature email Carte membre
Carte de visite - Ci-contre, modèle de carte de visite. Recto : Fond de couleur bleu tel que défini par la gamme de couleur primaire - ou tout autre couleur des gammes + logo version complète sous sa forme monochromique. Verso : Fond blanc, police Crimson pour les informations et utilisation de l insigne sous sa forme encapsulée pour rappel. 74
Françoise Neuhaus Présidente - francoise.neuhaus@free.fr Tel +33 6 13 45 15 25/ 06 45 59 67 37 www.generation22.fr 75
Carte de visite - Ci-contre, modèle de carte de visite. Recto : Fond de couleur bleu tel que défini par la gamme de couleur primaire - ou tout autre couleur des gammes + logo version complète sous sa forme monochromique. Verso : Fond blanc, police Crimson pour les informations et utilisation de l insigne sous sa forme encapsulée pour rappel. 76
Françoise Neuhaus Présidente - francoise.neuhaus@free.fr Tel +33 6 13 45 15 25/ 06 45 59 67 37 www.generation22.fr 77
En-tête générique - Dans le cadre d un papier à en-tête générique, il conviendra de faire figurer les éléments suivant : Logo sous sa forme complète. Coordonnées avec la police Novecento. Ligne noire de 0,5 pt d épaisseur. 78
Association loi 1901 contact@generation22.fr www.generation22.fr 79
Signature email générique - Dans le cadre des signature emails générique il conviendra de faire figurer les éléments suivant : Logo sous sa forme complète. Coordonnées avec la police Arial. 80
Association loi 1901 contact@generation22.fr www.generation22.fr 81
82
mise en situation - logo + pictos pour exemple
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
Cette charte graphique constitue un ensemble de recommandations dans l exploitation de la nouvelle identité de Génération 22. Il ne s agit aucunement d un ensemble de règles strictes à suivre au pied de la lettre. Compte tenu de la constante évolution de la structure associative il conviendra aussi d envisager la charte graphique sous un aspect évolutif qui sera fonction des supports, des besoins communicatifs. La nouvelle identité de Génération 22 a été établie en août 2014. Pour toute question relative à la charte graphique ou pour plus d information www.jedorspaslanuit.com
www.jedorspaslanuit.com