INVENTEURS DU MONDE NUMÉRIQUE RÈGLES D UTILISATION DU LOGO POUR LES PARTENAIRES D Inria Inria a fait évoluer son identité graphique et les codes visuels qui l accompagnent. Ce guide s adresse à tous ceux qui produisent des pages ou des sites web mentionnant Inria. Il comprend les instructions concernant la bonne utilisation de son logotype. Les fichiers sont disponibles sur le site internet www.inria.fr/logo-web En cas de difficultés, n hésitez pas à prendre contact avec la direction de la communication : nouvelleidentite@inria.fr
TABLE DES MATIERES. Logotype web. Interdits. Gestion du fond 4. Création d un nouveau site 5. Réhabillage de sites dépendant d Inria.fr 6. Marquage site externe 7. Réseaux sociaux 8. Univers graphique
LOGOYPE WEB LOGOTYPE OPTIMISÉ VERSION WEB Le logotype couleur doit être utilisé en priorité pour le marquage des pages web, en version institutionnelle ou scientifique selon le public visé. Logotype écran optimisé 00 pixels INVENTEURS DU MONDE NUMÉRIQUE Logotype < 00 pixels Version optimisée : Une version optimisée du logotype a été spécialement développée pour le web afin d assurer la lisibilité de la signature à l écran. Taille de la version optimisée : 00 pixels de large ( fichier image de x 95 pixels, avec la zone de protection ). x 95 pixels avec la zone de protection Logotype écran optimisé 00 pixels NB : Le logo ne doit pas être redimensionné sous peine de perdre en netteté sur la signature. À noter que le fichier standard inclut la zone de protection du logotype. Si vous êtes dans une situation où les fichiers proposés ne conviennent pas, veuillez contacter nouvelleidentite@inria.fr : nous vous proposerons une autre solution. x 95 pixels avec la zone de protection INVENTEURS DU MONDE NUMÉRIQUE Cette solution peut consister en un logo sans signature mais avec un texte au survol ( «inventeurs du monde numérique» ou «informatiques / mathématiques» selon la version choisie ), informatiques / mathématiques Inria CHARTE WEB
LOGOTYPE WEB CATALOGUE DES FICHIERS LOGOTYPE INSTITUTIONNEL FR LOGOTYPE INSTITUTIONNEL UK LOGOTYPE INSTITUTIONNEL SANS SIGNATURE L ensemble des versions du logo FR & UK a été optimisé pour l utilisation sur le web et est disponible aux formats PSD, PNG et JPG. Pour assurer une lisibilité optimale, les fichiers standards ( PSD, PNG et JPG ) ne doivent pas être manipulés ou redimensionnés. inr_logo_corpo_fr_coul.png inr_logo_corpo_uk_coul.png inr_logo_sans_sign_coul.png Zone de protection Ces fichiers incluent déjà la zone de protection nécessaire autour du logo. inr_logo_corpo_fr_blanc.png inr_logo_corpo_uk_blanc.png inr_logo_sans_sign_blanc.png Si vous êtes dans une situation où les fichiers proposés ne conviennent pas, veuillez contacter nouvelleidentite@inria.fr : nous vous proposerons une autre solution. inr_logo_corpo_fr_noir.png inr_logo_corpo_uk_noir.png inr_logo_sans_sign_noir.png LOGOTYPE SCIENTIFIQUE FR LOGOTYPE SCIENTIFIQUE UK inr_logo_cherch_fr_coul.png inr_logo_cherch_uk_coul.png inr_logo_cherch_fr_blanc.png inr_logo_cherch_uk_blanc.png inr_logo_web_tab_def.psd inr_logo_cherch_fr_noir.png inr_logo_cherch_uk_noir.png Inria CHARTE WEB
INTERDITS RAPPEL : INTERDITS Modifier les proportions des éléments. Recadrer le logo et rogner la marge. Déformer le logotype. 4 Modifier la graisse et le positionnement de la signature. INVENTEURS INVENTEURS DU MONDE DU NUMÉRIQUE MONDE NUMÉRIQUE INVENTEURS DU INVENTEURS MONDE NUMÉRIQUE DU MONDE NUMÉRIQUE 5 Ajouter des éléments au logotype. 6 Modifier les couleurs. 7 Placer le logotype flammé sur un fond de couleur. INVENTEURS INVENTEURS DU MONDE NUMÉRIQUE DU MONDE NUMÉRIQUE 4 INVENTEURS DU INVENTEURS MONDE NUMÉRIQUE DU MONDE NUMÉRIQUE INVENTEURS DU INVENTEURS MONDE NUMÉRIQUE DU MONDE NUMÉRIQUE 5 6 4 Inria CHARTE WEB
GESTION DU FOND RAPPEL : GESTION DU FOND Pour garantir une reconnaissance et une lisibilité optimales, le logotype flammé sur fond blanc doit être utilisé en priorité. Lorsque les contraintes techniques imposent une couleur de fond autre que blanc, le logotype peut être utilisé en version monochrome : Logotype noir pour les fonds à dominante claire. Logotype blanc pour les fonds à dominante foncée. 5 Inria CHARTE WEB
4 CREATION D UN NOUVEAU SITE DÉPENDANT D Inria DÉVELOPPEMENT D UN NOUVEAU SITE Lorsqu un nouveau site dépendant d Inria est développé, le logo couleur de 00 pixels de large ( x 95 pixels avec la zone de protection ) doit être utilisé et positionné dans la partie gauche du header, sur un fond blanc. Idéalement, l ensemble du site doit être développé sur fond blanc. 6 Inria CHARTE WEB
5 REHABILLAGE DE SITES DÉPENDANT D Inria SITES DEPENDANT D Inria Les sites ci-contre ont été mis à jour selon la nouvelle identité. Ils peuvent servir de guide dans le réhabillage d autres sites dépendant d Inria. Photothèque Inria. Hal - Inria. Raweb. 7 Inria CHARTE WEB
MARQUAGE SITE EXTERNE SITE ÉQUIPE-PROJET SOUS DOMAINE Inria Un site dépendant d Inria ( par son hébergement sur ses serveurs par exemple ) sera marqué de la manière suivante : Intégration du logotype web Inria sur fond blanc dans le header du site au format 00 pixels de large ( x 95 pixels avec la zone de protection ). 8 Inria CHARTE WEB
6 MARQUAGE SITE EXTERNE PAGE CHERCHEUR Il est possible d utiliser la version scientifique du logotype. Il est appliqué sur fond blanc. En cas de fond coloré, il est appliqué dans sa version monochrome : - blanche sur les fonds foncés, - noire sur les fonds de couleur claire. Si l espace disponible est inférieur à 00 pixels de large ( x 95 pixels avec la zone de protection ), veuillez contacter nouvelleidentite@inria.fr : nous vous proposerons une autre solution. 9 Inria CHARTE WEB
6 MARQUAGE SITE EXTERNE SITE PARTENAIRE Utiliser la version institutionnelle du logotype. Si l espace disponible est inférieur à 00 pixels de large ( x 95 pixels avec la zone de protection ), veuillez contacter nouvelleidentite@inria.fr. Nous étudierons avec vous les différentes possibilités. En cas de fond coloré, il est appliqué dans sa version monochrome : - blanche sur les fonds foncés, - noire sur les fonds de couleur claire. 0 Inria CHARTE WEB
6 MARQUAGE SITE EXTERNE AVANT / APRÈS La nouvelle identité peut être mise en place relativement simplement sur les sites externes en remplacement de l ancienne, tout en assurant une visibilité et un impact supérieur. Avant. Après. Inria CHARTE WEB
7 RESEAUX SOCIAUX RÉSEAUX SOCIAUX Un habillage a été développé pour les réseaux sociaux, incluant un fond spécifique utilisant le graphisme identitaire ainsi qu une éventuelle transparence. Il a été mis en place sur les pages Inria de Youtube et Twitter et peut être décliné sur d autres sites similaires. Déclinaison YouTube. Déclinaison Twitter. Inria CHARTE WEB
8 UNIVERS GRAPHIQUE ECRIRE Inria Le nom de l institut doit toujours être écrit en respectant cet équilibre : «I» majuscule et suite du nom en bas de casse. Même lorsque le nom est dans une phrase écrite entièrement en majuscule, cette règle doit être respectée. L article «l» n est plus utilisé. Inria CHARTE WEB
8 UNIVERS GRAPHIQUE PALETTE DE COULEURS PRINCIPALES PALETTE DE COULEURS SECONDAIRES Les teintes ci-dessus forment le coeur de l identité colorielle d Inria. Chacune des références est enrichie par la présence de teintes complémentaires correspondant à la couleur descendue en opacité.