JUIN 2014 Charte graphique de l association HQE et de sa marque

JUIN 2014 Charte graphique de l association HQE et de sa marque

SOMMAIRE L Association HQE 3 Le logotype de l Association HQE 4 Deux formats possibles 5 Taille minimale d utilisation 6 La zone de sécurité 7 Les références couleurs 8 Les références monochrome 9 L utilisation sur fond de couleurs 10 Les interdits 11 La typographie 12 La papeterie 13 Les documents bureautiques 14 La présentation Power Point 15 Membre et mécène 18 Le logotype de la Marque HQE 19 VISION ET VALEURS La volonté d atteindre une meilleure lisibilité, visibilité et de rayonner sur le plan international, a conduit l Association HQE à se doter d une nouvelle identité visuelle. Celle-ci est le premier vecteur de communication avec pour objectif principal de renforcer l acronyme HQE. Une idée force : HQE, trois lettres qui s imposent comme une référence dont elles deviennent la signature. Cette charte a pour mission de présenter les règles d utilisation de l identité visuelle des logotypes Association HQE et Marque HQE afin de respecter une cohérence graphique sur l ensemble de nos communications. CHARTE GRAPHIQUE HQE 2

le logotype de l ASSOCIATION HQE Le logotype de l Association HQE 4 Deux formats possibles 5 Taille minimale d utilisation 6 La zone de sécurité 7 Les références couleurs 8 Les références monochrome 9 L utilisation sur fond de couleurs 10 Les interdits 11 La typographie 12 La papeterie 13 Les documents bureautiques 14 La présentation Power Point 15 Membre et mécène 18 CHARTE GRAPHIQUE HQE 3

le logotype de l Association HQE 1 2 Signification Le logotype HQE se veut fort et impactant. Il traduit l expertise HQE à 2 niveaux de valeurs complémentaires : technique : rigueur, solidité à travers une typographique bâton où les angles droits évoquent solidité et fiabilité, humain : le toit et le sourire, 2 éléments aux formes arrondies et douces qui évoquent la notion de bâtiment autour de HQE. Les éléments qui composent le logotype : 1. Le symbole est constitué d éléments forts et significatifs : un toit, un sourire et trois lettres. 2. Identification : descriptif. CHARTE GRAPHIQUE HQE 4

le logotype de l Association HQE : DEUX FORMATS POSSIBLES Version verticale Version horizontale Utilisation Il existe deux formats du logotype afin de répondre au mieux aux différentes contraintes d utilisation. Il est cependant recommandé d utiliser en priorité le logotype version verticale. Dans certains cas cependant, lors de problématiques de format ou de taille minimale disponible, il est possible de l utiliser en version horizontale. Ce logo est destiné à être utilisé uniquement par l Association HQE. Toute autre utilisation nécessite l accord écrit préalable de l Association. Seule est tolérée son utilisation pour la production d un lien hypertexte vers le site de l Association HQE. CHARTE GRAPHIQUE HQE 5

le logotype de l Association HQE : TAILLE MINIMALE D UTILISATION 39 mm Pour une parfaite lisibilité du logotype, il convient de ne jamais l utiliser en-dessous de la taille minimale indiquée. 27 mm CHARTE GRAPHIQUE HQE 6

le logotype de l Association HQE : zone de sécurité La zone de sécurité sert à faire vivre le logotype. Elle doit être impérativement respectée. Pour que le logotype HQE ressorte parfaitement, il faut laisser de l espace autour. La zone de protection correspond aux traits gris du schéma. Quelle que soit la taille d utilisation du logotype, cette zone se délimite par la largeur du E HQE. Cette zone de sécurité protège le logotype HQE de la présence trop proche de tout élément graphique ou typographique. CHARTE GRAPHIQUE HQE 7

le logotype de l Association HQE : références couleurs Les 2 couleurs qui composent le logotype sont à respecter scrupuleusement dans toute reproduction. Voici les spécificités d interprétation selon les modes d utilisation : pantone, quadrichromie et trichromie. Pantone 1665 C Pantone Process Black C C : 0 % M : 80 % J : 100 % N : 0 % R : 231 % V : 81 % B : 19 % C : 0 % M : 0 % J : 0 % N : 100 % R : 26 % V : 23 % B : 27 % CMJN : C = cyan, M = magenta, J = jaune, N = noir RVB : R = rouge, V = vert, B = bleu CHARTE GRAPHIQUE HQE 8

le logotype de l Association HQE : monochrome 1 Impression en noir et blanc Il existe 2 versions : 1. Noir tramé Dans la plupart des cas d impression en noir et blanc, il convient d utiliser cette version. 2. Noir 100% Cette version est une alternative à la version noire tramée qui doit principalement s utiliser lorsque les contraintes techniques ou de rendu ne permettent pas l impression tramée, tel que marquage ou sérigraphie, etc. Pantone Cool Grey 9 C Pantone Process Black C 2 C : 0 % M : 0 % J : 0 % N : 52 % R : 152 % V : 153 % B : 155 % C : 0 % M : 0 % J : 0 % N : 100 % R : 26 % V : 23 % B : 27 % CMJN : C = cyan, M = magenta, J = jaune, N = noir RVB : R = rouge, V = vert, B = bleu CHARTE GRAPHIQUE HQE 9

le logotype de l Association HQE : utilisation sur fond de couleurs Le logotype ne doit être utilisé sur des fonds colorés qu à la condition que ceux-ci ne perturbent pas sa lisibilité. Lorsque le logotype est utilisé sur des fonds ne permettant pas, par manque de contraste, la bonne visibilité de la version couleur ; il existe une version en réserve (blanc) de celui-ci, qu il conviendra d utiliser dans ce cas de figure. Fond orange HQE Fond clair Fond photo clair Fond foncé Fond photo foncé CHARTE GRAPHIQUE HQE 10

le logotype de l association hqe : les INterdIts dans un souci de reconnaissance et de cohérence de notre identité, toute reproduction du logotype doit se faire avec le maximum de rigueur. Le dessin, les proportions, la typographie du logotype sont des éléments fi gés. Ils forment un bloc indissociable. Toute modifi cation est interdite car elle contribuerait à dévaloriser l identité. Le logo doit être utilisé dans le respect des éléments qui le composent, voici quelques exemples de ce qu il ne faut pas faire. Utiliser sur fond complexe Créer des effets Inverser les couleurs Supprimer un ou plusieurs éléments CHARTE GRAPHIQUE HQE 11

La typographie Arial - Regular 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 Arial - Bold 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 La typographie utilisée en accompagnement du logotype sur tous les supports de communication est la Arial. Son caractère universel lui assure lisibilité et un fort impact. Elle est intemporelle, par sa force et sa simplicité elle est le reflet du discours et de l engagement de l association. Arial - Italic 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 Arial - Bold Italic 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 1 2 3 4 5 6 7 8 9 0 CHARTE GRAPHIQUE HQE 12

les applications : papeterie prénom Nom Fonction Association HQE 4, avenue du Recteur Poincaré - 75016 Paris Tél. 01 40 47 02 82 - Fax 01 40 47 04 88 prénom.nom@assohqe.org - www.assohqe.org Association HQE 4, avenue du Recteur Poincaré - 75016 Paris Tél. 01 40 47 02 82 - Fax 01 40 47 04 88 www.assohqe.org Association Loi 1901 reconnue d utilité publique par décret du 5 janvier 2004 - SIRET 414 472 167 00025 - APE 9499 Z CHARTE GRAPHIQUE HQE 13

les applications : documents BUreaUtIqUes ChapITRE 1 anticiper ET INITIER La RéFLEXION HQE Aménagement TITRE DU DOCUMENT SOUS-TITRE Catus escips, certestatuam aciaes hemnorura averum norit, dem, nosta et publius cesterum iam aute rei pri essupio, et eti, Catimilius ad consimihil vivertiu quem antieri squodiem Romnequam octande rioria nos Ahae trit videndamdiis ca; nosto contrumurei publinervid dentermis. Ed maion tuid se pris, uteris; intis, nocat, Ti. Mihilium essulem tem diis li pos ad publicaet Catum perei se inatussum pultiae tudac forum rest? Quonsul tuitabemo hac opublium maio, dum simoli ponstea is sim ommovero, consule strice vissuas dament? Nos bontisse poresidere, sciem dem et; efatuss eniquone furobsent ad maio, unterrit, esimporum tabemensulum iam it patis consignos consus im vit, unum publici deesignon Etrudeniussu erceres for que temoruntem hos actuis. sous-titre titre du document Cignonsuli nihilium adensulica adhuidina, niciem um dem Catus certestatuam aciaes hemnorura averum norit Nosta et publius cesterum iam aute rei pri essupio, et eti, Catimilius ad consimihil vivertiu quem antieri squodiem Romnequam octande rioria nos Ahae trit videndamdiis. Nosta et publius cesterum iam aute rei pri essupio, et eti, Catimilius ad consimihil vivertiu quem antieri squodiem Romnequam octande rioria nos Ahae trit videndamdiis. Ed maion tuid se pris, uteris; intis, nocat, Ti. Mihilium essulem tem diis li pos ad publicaet Catum perei se inatussum pultiae tudac forum res. Quonsul tuitabemo hac opublium desta maio, dum simoli ponstea is sim ommovero, consule strice vissuas dament? Nos bontisse poresidere sciem dem et; efatuss eniquone furobsent ad maio, unterrit, esimporum tabemensulum iam it patis consignos consus im vit, unum publici deesignon Etrudeniussu erceres for que temoruntem hos actuis. Nosta et publius cesterum iam aute rei pri essupio, et eti, Catimilius ad consimihil vivertiu quem antieri squodiem Romnequam octande rioria nos Ahae trit videndamdiis ca; nosto contrumurei publinervid dentermis. Ed maion tuid se pris, uteris Mihilium essulem tem diis li pos ad publicaet Catum perei se inatussum pultiae tudac forum rest? Quonsul tuitabemo hac opublium maio, dum simoli ponstea is sim ommovero, consule strice vissuas dament? TITRE DU DOCUMENT 4 titre document sous-titre ChapITRE 1 anticiper ET INITIER La RéFLEXION HQE Aménagement Catus escips, certestatuam aciaes hemnorura averum norit, dem, nosta et publius cesterum iam aute rei pri essupio, et eti, Catimilius ad consimihil vivertiu quem antieri squodiem Romnequam octande rioria nos Ahae trit videndamdiis ca; nosto contrumurei publinervid dentermis. Ed maion tuid se pris, uteris; intis, nocat, Ti. Mihilium essulem tem diis li pos ad publicaet Catum perei se inatussum pultiae tudac forum rest? Quonsul tuitabemo hac opublium maio, dum simoli ponstea is sim ommovero, consule strice vissuas dament? Nos bontisse poresidere, sciem dem et; efatuss eniquone furobsent ad maio, unterrit, esimporum tabemensulum iam it patis consignos consus im vit, unum publici deesignon Etrudeniussu erceres for que temoruntem hos actuis. Catus certestatuam aciaes hemnorura averum norit Nosta et publius cesterum iam aute rei pri essupio, et eti, Catimilius ad consimihil vivertiu quem antieri squodiem Romnequam octande rioria nos Ahae trit videndamdiis. Nosta et publius cesterum iam aute rei pri essupio, et eti, Catimilius ad consimihil vivertiu quem antieri squodiem Romnequam octande rioria nos Ahae trit videndamdiis. Ed maion tuid se pris, uteris; intis, nocat, Ti. Mihilium essulem tem diis li pos ad publicaet Catum perei se inatussum pultiae tudac forum res. Quonsul tuitabemo hac opublium desta maio, dum simoli ponstea is sim ommovero, consule strice vissuas dament? Nos bontisse poresidere sciem dem et; efatuss eniquone furobsent ad maio, unterrit, esimporum tabemensulum iam it patis consignos consus im vit, unum publici deesignon Etrudeniussu erceres for que temoruntem hos actuis. Nosta et publius cesterum iam aute rei pri essupio, et eti, Catimilius ad consimihil vivertiu quem antieri squodiem Romnequam octande rioria nos Ahae trit videndamdiis ca; nosto contrumurei publinervid dentermis. Ed maion tuid se pris, uteris Mihilium essulem tem diis li pos ad publicaet Catum perei se inatussum pultiae tudac forum rest? Quonsul tuitabemo hac opublium maio, dum simoli ponstea is sim ommovero, consule strice vissuas dament? TITRE DU DOCUMENT 5 CHARTE GRAPHIQUE HQE 14

les applications : présentation power point CoNSTRuIRE ENSEMBlE HQE performance CHApITRE 1 ANTICIpER La consommation réglementée suite eraes ad sequat consectem inis doloreet 1. Couverture 2. Ouverture de chapitre 3. Page de suite 1 SEMINAIRE DE lorem IpSuM AD NovAREM FévRIER 2012 Esto dolore commodolore minim ea feu faccumpat. Modit ad tat adip euiscil iquiscidunt lamcons equipit del utpat Accum zzrit ut eui esto dolore commodolore minim ea feu faccumpat. Commodolore minim ea feu faccumpat. 23 CONSTRUIRE ENSEMBLE HQE PERFORMANCE CHApITRE 1 ANTICIpER 3 Impacts environnementaux CHApITRE 1 ANTICIpER Sirem ad lorem ipsuym es perera am dionsecte magnim enisim quaduip ex ea feu feuip SEMINAIRE DE lorem IpSuM AD NovAREM Dui esequissit ad tisi Onsectem inis doloreet nim illaore feu feuguer nsectem irit lum quat. Dui esequissit ad tisi. Ectem illaorperit ulla con henim volorem zzrilissit lummodit ad tat adip euiscil iquiscidunt lamcons equipit del utpat accum zzrit ut sequip esto dolutpating etue faciliquat illa adip eugait lutpat ad deparem internat. Ectem illaorperit Iquiscidunt lamcons equipit del utpat amconsectem irit lum quat, Dui esequissit ad tisi ectem - Lorem ipsum. Modit ad tat adip euiscil iquiscidunt lamcons equipit del utpat. Accum zzrit ut eui esto dolore commodolore minim ea feu faccumpat. 23 CONSTRUIRE ENSEMBLE HQE PERFORMANCE 2 CHARTE GRAPHIQUE HQE 15

les applications : présentation power point (suite) ouvertures de chapitres 2 présentations possibles : avec ou sans photo (photos présentées à titre d exemple). CHApITRE 1 ANTICIpER Sirem ad lorem ipsuym es perera am dionsecte magnim e ex ea feu feuip en CHApITRE 1 ANTICIpER Sirem ad lorem ipsuym es perera am dionsecte magnim enisim quaduip ex ea feu feuip CHApITRE 3 CHANgEMENT ClIMATIQuE Sirem ad lorem ipsuym es perera am dionsecte magnim enisim SEMINAIRE DE lorem IpSuM AD NovAREM CHARTE GRAPHIQUE HQE 16

les applications : présentation power point (suite) ChApItRE 1 ANtICIpER Sirem ad lorem ipsuym es perera am dionsecte magnim enisim quaduip ex ea feu feuip ChApItRE 1 ANtICIpER Sirem ad lorem ipsuym es perera am dionsecte magnim enisim quaduip ex ea feu feuip ChApItRE 1 ANtICIpER Sirem ad lorem ipsuym es perera am dionsecte magnim enisim quaduip ex ea feu feuip SEMINAIRE DE lorem IpSuM AD NovAREM SEMINAIRE DE lorem IpSuM AD NovAREM SEMINAIRE DE lorem IpSuM AD NovAREM ChApItRE 1 ANtICIpER ChApItRE 1 ANtICIpER ChApItRE 1 ANtICIpER Impacts environnementaux Dui esequissit ad tisi Onsectem inis doloreet nim illaore feu feuguer nsectem irit lum quat. Dui esequissit ad tisi. Ectem illaorperit ulla con henim volorem zzrilissit lummodit ad tat adip euiscil iquiscidunt lamcons equipit del utpat accum zzrit ut sequip esto dolutpating etue faciliquat illa adip eugait lutpat ad deparem internat. Ectem illaorperit Iquiscidunt lamcons equipit del utpat amconsectem irit lum quat, Dui esequissit ad tisi ectem - Lorem ipsum. Modit ad tat adip euiscil iquiscidunt lamcons equipit del utpat. Accum zzrit ut eui esto dolore commodolore minim ea feu faccumpat. Impacts environnementaux Dui esequissit ad tisi Onsectem inis doloreet nim illaore feu feuguer nsectem irit lum quat. Dui esequissit ad tisi. Ectem illaorperit ulla con henim volorem zzrilissit lummodit ad tat adip euiscil iquiscidunt lamcons equipit del utpat accum zzrit ut sequip esto dolutpating etue faciliquat illa adip eugait lutpat ad deparem internat. Ectem illaorperit Iquiscidunt lamcons equipit del utpat amconsectem irit lum quat, Dui esequissit ad tisi ectem - Lorem ipsum. Modit ad tat adip euiscil iquiscidunt lamcons equipit del utpat. Accum zzrit ut eui esto dolore commodolore minim ea feu faccumpat. Impacts environnementaux Dui esequissit ad tisi Onsectem inis doloreet nim illaore feu feuguer nsectem irit lum quat. Dui esequissit ad tisi. Ectem illaorperit ulla con henim volorem zzrilissit lummodit ad tat adip euiscil iquiscidunt lamcons equipit del utpat accum zzrit ut sequip esto dolutpating etue faciliquat illa adip eugait lutpat ad deparem internat. Ectem illaorperit Iquiscidunt lamcons equipit del utpat amconsectem irit lum quat, Dui esequissit ad tisi ectem - Lorem ipsum. Modit ad tat adip euiscil iquiscidunt lamcons equipit del utpat. Accum zzrit ut eui esto dolore commodolore minim ea feu faccumpat. 23 CONSTRUIRE ENSEMBLE HQE PERFORMANCE 23 CONSTRUIRE ENSEMBLE HQE PERFORMANCE 23 CONSTRUIRE ENSEMBLE HQE PERFORMANCE Il est possible d utiliser des couleurs d accompagnement afi n de créer des thématiques différentes et un rythme de lecture tout au long du document. CHARTE GRAPHIQUE HQE 17

le logotype de l Association HQE : membre et mécène Les logotypes membre et mécène L Association HQE, composée de membres et mécènes, fédère les acteurs de la construction et de l aménagement autour de l élaboration de cadres de référence pour promouvoir la qualité environnementale et durable du cadre bâti et contribuer à l excellence dans les territoires et pratiques professionnelles. Il existe deux logotypes avec lesquels mécènes et membres communiquent pour faire référence à leur appartenance à l Association HQE. L utilisation de ce logo ne doit jamais laisser à penser qu il est un signe de qualité ou de qualification. CHARTE GRAPHIQUE HQE 18

le logotype de la marque HQE Le logotype de la Marque HQE 20 Exemples d utilisation (non exhaustifs) 21 CHARTE GRAPHIQUE HQE 19

LE LOGOTYPE MARQUE HQE Le logotype de la Marque HQE s emploie pour les activités liées à la certification et hors certification. En cohérence avec les principes graphiques établis pour le logotype de l Association, il incarne le prolongement de la démarche HQE à travers le symbole de l habitat sourire qui vient en rappel se placer en exposant. Ce dernier est associé au nom HQE, dans un cercle positionné de façon verticale au bord supérieur de la lettre E. Le logotype de la Marque HQE se compose de la typographie HQE, du descriptif ainsi que du symbole bleu habitat sourire situé tel un caractère typographique en registred (Marque déposée). La couleur bleu est utilisée de manière à refléter l univers d expertise de la démarche HQE. Pantone 302 C C : 100 % M : 35 % J : 0 % N : 50 % R : 0 % V : 76 % B : 122 % CMJN : C = cyan, M = magenta, J = jaune, N = noir RVB : R = rouge, V = vert, B = bleu CHARTE GRAPHIQUE HQE 20

LE LOGOTYPE MARQUE HQE : exemples d utilisation (non exhaustifs) A C T I V I T E Exemple P A R T E N A I R E Déclinaison du logotype Activité hors certification A utiliser lorsqu il s agit d une activité liée à l Association et reconnue par elle. Exemple Exemple Déclinaison du logotype certification A utiliser dans le cas des certifications. ORGANISME CERTIFIÉ PAR CEQUAMI CERTIFIÉ PAR CEQUAMI Déclinaison du logotype associé à la certification NF A utiliser par l organisme certificateur. A P P L I C A T I O N SUR 1 LIGNE, 2 LIGNES OU 3 LIGNES MAXIMUM M A I S O N I N D I V I D U E L L E CHARTE GRAPHIQUE HQE 21