CHARTE GRAPHIQUE
LOGOTYPE Présentation Le logotype est le centre et le fondement de cette charte graphique. Son design, ses proportions, sa base-line et ses couleurs ne sont ni modifiables ni interchangeables et doivent toujours être utilisés d après le dessin original. Le logotype est composé d un cadre contenant la typographie Seine-Saint-Denis accompagnée de ses carrés de couleurs et sa base-line «le département». Ces quatre éléments sont indissociables. Le logotype s utilise en réserve pour la papeterie du Président du Conseil général et lorsqu il vit sur des fonds couleurs trop sombres. Les pointillés bleu n appartiennent pas au logotype, ils font office de repère. 4
Couleurs LOGOTYPE Pour l impression : Quadri (cyan/magenta/jaune/noir) C100 / M72 / J0 / N32 C0 / M45 / J100 / N0 C45 / M70 / J0 / N0 C40 / M0 / J100 / N0 C80 / M0 / J5 / N0 C0 / M100 / J100 / N0 C0 / M0 / J0 / N35 Pantone Pantone 281 Pantone 138 Pantone 258 Pantone 382 Pantone 306 Pantone 485 Pantone gris En niveau de gris (noir) N100 N40 Pour l affichage écran : RVB (rouge/vert/bleu) R0 / V58 / B121 R247 / V158 / B1 R157 / V98 / B162 R177 / V201 / B3 R1 / V172 / B226 R227 / V0 / B27 R187 / V188 / B190 5
LOGOTYPE Zone de protection et taille minimum La zone de protection : Cet espace de vie, libre de tout élément graphique (photos, textes...) doit être respécté afin de préserver l impact et la lisibilité du logotype. Il est fonction de la hauteur de celui-ci. 1/2 1/2 1/2 1/2 Cas exceptionnel : Seul le carré de couleur, déterminant le pôle de la Direction Générale peut intégrer la zone de protection. Son côté est égale à 1/2. Taille minimum : Le logotype ne doit pas être utilisé en-dessous de 15 mm soit 14,52 pixels. 1/2 1/2 Lorsqu un mode de reproduction ne permet pas une finesse de rendu suffisante, la taille minimum doit être par conséquent augmentée. 1/2 1/2 Dans tout les documents suivants la côte mentionnant la hauteur du logotype détermine la taille du logo car la hauteur et la largeur sont immuables. 15 mm 6
Interdits et utilisation sur fonds LOGOTYPE Interdits : Ces exemples montrent d éventuelles utilisations du logotype à ne pas faire. D une manière générale, il est interdit de modifier le dessin et couleurs de l ensemble du logotype. Ne pas modifier les couleurs Ne pas modifier les proportions Ne pas modifier la forme du cadre Nec Nec Nec sane sane sane haec haec haec sola sola sola pernicies orientem diversis cladibus adfligebat. Namque et et et Isauri, quibus est est est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex ex ex latrociniis tis et tis et raris, et raris, raris, alente inpunitate adulescentem in in in peius peius audaciam ad ad bella ad bella bella gravia proruperunt, diu diu occultis diu Ne pas empieter la zone de protection Ne pas déformer le logotype Ne pas incliner le logotype Utilisation sur fonds : Pour assurer la bonne lisibilité du logotype, il sera utilisé dans sa forme originale uniquement sur des fonds clairs, qui lui permettent de bien se détacher. Le logotype s utilise en réserve lorsqu il vit sur des fonds couleurs ou photos trop sombres, ou trop proches du bleu du cartouche. La règle reste la même sur les fonds photos clairs ou foncés. 7
LOGOTYPE Bloc marque internet Le site internet est la vitrine du département. Il est important de faire figurer le plus souvent son adresse afin d inciter les lecteurs à le visiter. Bloc marque internet: Lorsque l adresse vit avec le logotype, elle existe sous la formes d un bloc marque. Signature internet: En l absence de logotype, ou si le graphisme ne permet pas l utilisation du bloc marque, on appose les carrés de couleurs. L adresse est alors utilisée comme une signature systématiquement placée au bas à gauche des différents documents. Le logotype s utilise en réserve lorsqu il vit sur des fonds couleurs trop sombres. Les pointillés bleu n appartiennent pas au logotype, ils font office de repère. 8
Signature internet LOGOTYPE Signature internet: En l absence de logotype, ou si le graphisme ne permet pas l utilisation du bloc marque, on appose les carrés de couleurs. L adresse est alors utilisée comme une signature systématiquement placée au bas à gauche des différents documents. La signature s utilise en réserve lorsqu elle vit sur des fonds couleurs trop sombres. Brochure A5-150*210 mm 9
Typographie EDITION a A SOUS-TITRE Titre des documents SOUS-TITRE UNIVERS ULTRA CONDENSED azertyuiopqsdfghjklmwxcvbn 1234567890 &é» ( è!çà) AZERTYUIOPQSDFGHJKLMWCVBN UNIVERS CONDENSED azertyuiopqsdfghjklmwxcvbn 1234567890 &é» ( è!çà) AZERTYUIOPQSDFGHJKLMWCVBN UNIVERS azertyuiopqsdfghjklmwxcvbn 1234567890 &é» ( è!çà)azertyuiopqsdfghjklmwcvbn HELVETICA NEUE CONDENSED azertyuiopqsdfghjklmwxcvbn 1234567890 &é» ( è!çà) AZERTYUIOPQSDFGHJKLMWCVBN HELVETICA NEUE azertyuiopqsdfghjklmwxcvbn 1234567890 &é» ( è!çà) AZERTYUIOPQSDFGHJKLMWCVBN Deux typographies sont retenues afin de composer la totalité des documents du département de la Seine-Saint-Denis. Univers : Dans sa forme ultra condensée, elle définit les différents pôles de la Direction générale. On utilise l univers dans sa forme classique et condensé pour les titres d édition, annonce-presse et affichage. Pour les textes courants, on utilise de l Arial (Régular, Bold, Italic) et toujours en noir. Helvetica Neue : L Helvetica Neue est préconisée pour toutes les informations annexe à la papeterie (adresse, nom, téléphone). Elle est également utilisée pour tout les éléments de signalétique interne et départementale (panneaux de ville, de chantier, abribus). Pour les textes courants, on utilise de l Arial (Régular, Bold, Italic) et toujours en noir. 17
EDITION Invitation 105*210 Invitation recto simple : Afin de limiter les informations, on utilise le bloc marque internet. Il doit être justifié au centre du document avec un blanc tournant de 10mm égal au carré de couleur. Par conséquent le bloc marque internet à une longueur de 85 mm. Invitation recto verso : Dans ce type d invitation, le logotype accompagne l illustration de l événement. = la hauteur du logotype. = 1/14 du plus grand côté du document. = 210 cm divisé par 14 = 15 La hauteur maximale est de 15 mm. Au dos du document et pour éviter la répétition du logotype, on utilise la signature internet. Elle est centré dans la largeur du document. Texte courant : Comme pour les en-têtes de lettre, ont utilise une typographie de bureautique, l Arial. Elle peut être utilisé dans ses différentes graisses (Régular, Bold, Italic) et toujours en noir. Claude BARTOLONE Président du conseil général Député de la Seine-Saint-Denis Pierre LAPORTE Vice-Président du Conseil général Philippe YVIN Directeur général Des services du département Ont le plaisir de vous convier à la réception offerte à l occasion du départ en retraite de INVITATION Eliette MADEIRA Directrice de la Maison départementale des personnes handicapées. Jeudi 29 janvier 2009 à 17heures Hall des Pas Perdus Hôtel du département 3, Esplanade Jean-Moulin BOBIGNY 10 10 10 FORUM DU créateur Les aides départementales Claude BARTOLONE Président du conseil général Député de la Seine-Saint-Denis Pierre LAPORTE Vice-Président du Conseil général Philippe YVIN Directeur général Des services du département Ont le plaisir de vous convier au Forum du Créateur Du Jeudi 29 janvier 2009 au dimanche 1 février Hall des Pas Perdus Hôtel du département 3, Esplanade Jean-Moulin BOBIGNY 10 Invitation recto simple - 105*210 mm Invitation recto verso - 105*210 mm 18
Invitation A5 EDITION 10 10 Invitation recto verso : Les regles de mise en pages sont identiques à celles du format 105*210. 15 FEVRIER 2009 Journée de la collecte Les actions départementales Claude BARTOLONE Président du conseil général Député de la Seine-Saint-Denis Pierre LAPORTE Vice-Président du Conseil général De même pour les invitations recto simple on utilise la même mise en page. La longueur du bloc marque ne varie pas (85mm). Philippe YVIN Directeur général Des services du département Ont le plaisir de vous convier à un cocktail pour célébrer La journée de la Collecte le dimanche 15 fevrier 2009 Hall des Pas Perdus Hôtel du département 3, Esplanade Jean-Moulin BOBIGNY Invitation recto verso - 150*210 mm 19
EDITION Placement du logotype Positionnement : Le logotype peut vivre de manière libre dans la hauteur en fonction du sujet (photos, illustration, etc...) à traiter. Cette liberté nous permet une flexibilité dans la mise en page. La hauteur du logotype détermine également son espace de vie. C est grace à cette espace que l on peut positionner le logotype aux différents bords du document. Dans le cadre d une communication de l un des pôles du CG, il faut prévoir suffisamment de place afin de pouvoir ajouter le nom du pôle sous le carré de couleur (placement droite). P Ô L E S O C I É T É E T C I TOY E N N E T É Si le document n est rattaché à aucun des pôles du CG alors le logotype n est plus accompagné d un carré de couleur. P Ô L E S O C I É T É E T C I T O Y E N N E T É Placement gauche Placement droite 20
Gabarit A5 EDITION 19 9,5 S O C I É T É E T C I T O Y E N N E T É Pour tout savoir L accueil Scolaire 07 / 08 S O C I É T É E T C I T O Y E N N E T É Calcul de la taille du logotype : = la hauteur du logotype. = 1/11 du plus grand côté du document. Cette règle s applique à tout les documents d édition et d affichage. Format A5 (150*210) : = 210 mm divisé par 11 = 19 La hauteur du logotype est de 19 mm. 210 9,5 Couleur : Dans l exemple suivant, le logotype est utilisé dans sa forme classique (fond bleu) pour une meilleur lisibilité sur fond clair. Typographie : La typographie utilsée dans les titres est l Univers. La diversité des graisses (condensed, light, bold), des casses, nous permet des jeux typographiques variés. Nom du pôle : Il est toujours centré sous le carré, en Univers Ultra-condensed, son corps ne dépasse jamais la moitié d un coté du carré et est interlettré à 100. Brochure A5-150*210 mm Signature internet: Elle se situe systématiquement en bas à gauche du document sauf quand le logotype est trop proche. On utilise alors le bloc marque internet. 21
EDITION Gabarit A4 Format A4 (210*297) : = 1/11 du plus grand côté du document. = 297 mm divisé par 11 = 27 La hauteur maximale est de 27 mm. 13,5 13,5 27 Couleur : Dans l exemple suivant, le logotype est utilisé en réserve pour une meilleur lisibilité sur fond foncé. Si le document n est rattaché à aucun des pôles du CG alors le logotype n est plus accompagné d un carré de couleur (exemple de droite). GUIDE DU Plan d occupation des sols Signature internet: Elle se situe systématiquement en bas à gauche du document. 297 Brochure A4-210*297 mm 22
Partenariat EDITION les horaires - les services - les adresses - les contacts GUIDE DE la collecte PLUS BELLE LA POUBELLE Positionnement : Pour un meilleur équilibre de la structure, les différents logotypes sont placés systématiquement en bas du document. Le logotype peut vivre de manière libre dans la largeur du document, cependant on préconise un positionnement au bord gauche. Dans le cadre d un partenariat où le département est émetteur, le logotype sera positionné en haut du document alors on placera la signature internet en bas à gauche afin d accompagner les différents logotypes des partenaires (voir page 27). Taille : La hauteur du logotype détermine celle des partenaires. Aucun des logotype accompagnant celuiu du département ne doit dépasser sa hauteur. Si le document n est rattaché à aucun des pôles du CG alors le logotype n est plus accompagné d un carré de couleur (exemple de droite). Brochure A4-210*297mm / Ville partenaire 23
AFFICHAGE Gabarit 40*60 Format 40*60 : = 1/11 du plus grand côté du document. = 60 cm divisé par 11 = 5,5 La hauteur maximale est de 5,5 cm. Couleur : Dans l exemple suivant, le logotype est utilisé en réserve pour une meilleur lisibilité sur fond foncé. SPORT 09 Si le document n est rattaché à aucun des pôles du CG alors le logotype n est plus accompagné d un carré de couleur (exemple de droite). 60 Signature internet: En affichage on utilise systématiquement la signature internet. Elle se situe toujours en bas à gauche du document. 5,5 GRAND TOURNOI INTERCOMMUNAL DE FOOT Affiche 40*60 cm 24
Gabarit 120*176 AFFICHAGE 16 Format 120*176 : = 1/11 du plus grand côté du document. = 176 cm divisé par 11 = 16 La hauteur maximale est de 16 cm. 176 S O C I É T É E T C I T O Y E N N E T É JOURNÉE DE la création Les aides départementales S O C I É T É E T C I T O Y E N N E T É Couleur : Dans l exemple suivant, le logotype est utilisé en réserve pour une meilleur lisibilité sur fond foncé. Si le document n est rattaché à aucun des pôles du CG alors le carré de couleur doit être d une couleur différente de celles du logotype. Signature internet: En affichage on utilise systématiquement la signature internet. Elle se situe toujours en bas à gauche du document. Affiche 120*176 cm 25
AFFICHAGE Gabarit 400*300 Format 400*300 : = 1/11 du plus grand côté du document. = 400 cm divisé par 11 = 36,5 La hauteur maximale est de 36,5 cm. Si le document n est rattaché à aucun des pôles du CG alors le logotype n est plus accompagné d un carré de couleur (exemple de droite). 36,5 300 Affiche - 400*300 cm 26
Gabarit 400*300 AFFICHAGE 15 FEVRIER 2009 Journée de la collecte Les actions départementales Si le document n est rattaché à aucun des pôles du CG alors le logotype n est plus accompagné d un carré de couleur. Signature internet: En affichage on utilise systématiquement la signature internet. Elle se situe toujours en bas à gauche du document. Affiche - 400*300 cm 27
AFFICHAGE Evénementiel 80*200 Format 80*200 : = 1/14 du plus grand côté du document. Pour un meilleur équilibre graphique, le rapport de taille avec le kakemono est différent des autres supports. = 200 cm divisé par 14 = 14,5 La hauteur maximale est de 14,5 cm. Couleur : Dans l exemple suivant, le logotype est utilisé en réserve pour une meilleur lisibilité sur fond foncé. 14,5 FORUM DU créateur Les aides départementales Si le document n est rattaché à aucun des pôles du CG alors le logotype n est plus accompagné d un carré de couleur (exemple de droite). 200 Signature internet: En affichage on utilise systématiquement la signature internet. Elle se situe toujours en bas à gauche du document. Kakemono - 80*200 cm 28
Evénementiel 100*200 AFFICHAGE 18 Format 100*200 : = 1/11 du plus grand côté du document. = 200 cm divisé par 11 = 18 La hauteur maximale est de 18 cm. 100 Couleur : Dans l exemple suivant, le logotype est utilisé en réserve pour une meilleur lisibilité sur fond foncé. Si le document n est rattaché à aucun des pôles du CG alors le logotype n est plus accompagné d un carré de couleur (exemple de droite). Affiche - 100*200 cm Signature internet: En affichage on utilise systématiquement la signature internet. Elle se situe toujours en bas à gauche du document. FORUM DU créateur Les aides départementales 29
ANNEES Bache Stade de France 41