Identité visuelle Charte graphique



Documents pareils
Charte graphique 2011

Charte Graphique Caisse d Epargne Rhône Alpes

STYLEGUIDE ÉLÉMENTS DE BASE PARTENAIRES

sommaire Charte graphique - identité visuelle éléments constitutifs de la charte papeterie contenu du CD-ROM

DOSSIER TECHNIQUE. La nouvelle signalétique des envois de presse. nement. bn o GAZINE. Feuille ROUTAGE GAZETTE AGE OURNA ÉDACTION CAHIER

1. L ENTREPRISE 2. CARACTERISTIQUES ET DEROULEMENT DE LA PRESTATION CHARTE QUALITE 2.1. DEMARCHE VOLONTAIRE 2.2. REALISATION DE L AUDIT

G U I D E D U T I L I S A T I O N LIFTING IDENTITÉ VISUELLE

Forest Stewardship Council. Guide simplifié d utilisation des marques à l intention des titulaires de certificats

Ce document a été créé par SIP19 et fourni gracieusement au réseau associatif sportif scolaire de l USEP.

Création d un fichier de découpe

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

charte graphique 1 - logotype de la FMSH 2 - logotype / couleurs 3 - logotype / variantes 5 - logotype / zone d exclusion 6 - logotype / utilisation

Formats d images. 1 Introduction

Support de formation pour l'installation d'un logiciel gratuit de retouche d'images et gestion de la qualité, taille et format des images :

Normes graphiques / Sigma Assistel / Site Internet version 1.0 /

CHARTE. d utilisation de la marque Sage par les partenaires

PLATEFORME GRAPHIQUE INSTITUT DU NOUVEAU MONDE

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

le premier magazine de mariage au Québec et le plus vendu en kiosques DOSSIER média 2015

Traitement numérique de l'image. Raphaël Isdant

Cours de numérisation sur Epson Perfection

1. Avoir un fichier InDesign correct :

GUIDE DE COMMUNICATION VOLUME 1. Normes relatives à l utilisation de la marque et à la présentation graphique Septembre 2009

Création de maquette web

PORTE-CLÉS EN CUIR VOTRE CLÉ POUR ACCROCHER.

Leçon N 5 PICASA Généralités

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

Possibilités de promotion sur Digitale Werbung / Direktmarketing, Andreas Pinsker 2010

Logiciel SuiviProspect Version Utilisateur


B&C PRIVATE ROOM GUIDE D UTILISATION. B&C COLLECTION // BE INSPIRED //

Utiliser le logiciel Photofiltre Sommaire

Pop-Art façon Roy Liechtenstein

Charte d utilisation de la marque de certification NF pour les bâtiments non résidentiels*

Concours de création

TD : Codage des images

Création de site internet

Présentation MDNT Nos services Print. Nous contacter. Web. Référencement

Spécifications techniques

# 1. PERSONNES ASSURÉES 1.1 PERSONNES VISÉES PAR L'ACCORD

THEME RESPONSIVE DESIGN

Spécifications techniques

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs

GESTION DU LOGO. 1. Comment gérer votre logo? Format de l image Dimensions de l image Taille de l image 9

Services de direction marketing externalisée

3 PAPETERIE. 3.2 En-tête et suite de lettre CD. Arial Bold 9 pts, noir, cap et bas de casse, centré

MODALITES D'APPLICATION DE LA KEYMARK. "Refroidisseurs de lait en vrac à la ferme "

INFORMATIONS VOUS CONCERNANT

Initiation à linfographie

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

La mission de soutien judiciaire : la préparation du rapport (Troisième partie)

À QUOI VOUS ATTENDRE SI VOUS ATTENDEZ [UN LOGO].

Tutoriel. Votre site web en 30 minutes

Pack Fifty+ Normes Techniques 2013

Pôles de recherche nationaux (PRN) Standards minimaux pour la communication

Créer une maquette de site Internet

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

Charte éditoriale 1- Comment préparer un contenu écrit pour le Web?

Merci de suivre les indications suivantes afin de créer votre compte membre :

Création d une SIGNATURE ANIMÉE avec PHOTOFILTRE 7

Manuel de mise en page de l intérieur de votre ouvrage

Sommaire. 1ère Partie: L analyse. 2ème Partie: Le concept. 1. Etude du rosé et de la concurrence. 2. Etude du Bordeaux rosé 3.

Bernard Lecomte. Débuter avec HTML

QUESTIONNAIRE CAHIER DES CHARGES POUR FACILITER LA CREATION DE VOTRE SITE WEB

Premiers pas avec Scribus

kit média HEURE SUISSE / HEURE SCHWEIZ PROMOGUIDE RÉGIE PUBLICITAIRE ANNÉE La référence de la presse horlogère

PRISE EN MAIN D ILLUSTRATOR

Spécifications techniques

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7

Chap17 - CORRECTİON DES EXERCİCES

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

Création - Impression - Internet

TP SIN Traitement d image

Les images et les animations sur le web. Guérineau Chloé BTS2 Année 2001/2012

FICHE TECHNIQUE OPTIONS DE COMMUNICATION

Fiche d'information N 23 Information et Publicité Obligations et attentes

ANNEXE 2 : CHARTE DE COMMUNICATION

Collection de photos échantillons

Guide d utilisation IPAB-ASSOCIATION v5.0 GUIDE D UTILISATION. à destination des associations et organismes sans but lucratif.

Plateforme publicitaire Entreprendre. Guide de normes

achat shopping fidèlisation animation magnétic communication magnétic communication magnéti CENTRES COMMERCIAUX VILLAGES trafic DE MARQUES

Exercice 1 : Travail sur l'image (PhotoFiltre)

Tarifs publicitaires A LA RENCONTRE DES MELOMANES PASSIONNES!

MODELE DE BRIEF AGENCE

Spécifications Techniques - Tablettes

NOS DESSIN FORMATIONS. PAOMULTIMEDIAWEB3DCINEMAAUDIOVISUEL La formation idéale existe, nous l avons inventée!

Les nouveaux comportements... 9

PR OC E D U RE S D E B A S E

Conception Création Site. Web CAHIER DES CHARGES CREATION DE SITE WEB

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Sur trois couches, on obtient donc 2563 = de couleurs, soit 24bpp (Bit Per Pixel).

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

CAHIER DES CHARGES pour création graphique de Site internet.

Ecran : Processeur : OS : Caméra : Communication : Mémoire : Connectique : Audio : Batterie : Autonomie : Dimensions : Poids : DAS :

DOCUMENTATION Version 1.003r du 23/01/2007. Guide de création de cours multimédia au format Macromedia Breeze Presenter

PLAQUETTE DE PRESENTATION

T C E emilierv@gmail.com

Groupe conseil en communication globale

Transcription:

Identité visuelle Charte graphique État au 28 janvier 2011

Charte graphique Table des matières Introduction 3 Éléments de base 4 Logotype Déclinaisons 5 Zone d exclusion, positionnement 6 Dimensions 7 Arrière-plan 8 Formats de fichier et nomenclature 9 Typographie Polices de caractères 10 Utilisation des polices 11 Couleurs Couleurs primaires 12 Couleurs secondaires 13 Principes de mise en page 14 Iconographie Généralités 15 Détourage 16 Interdits 17 Lovely 18 Logo et complément 19 Exemples concrets 20 Contact 21 Identité visuelle Swissmilk, charte graphique 2

Introduction L identité visuelle de la marque Swissmilk s exprime par les principaux éléments graphiques définis, dont en particulier le logotype. La gamme des couleurs, les polices d écriture, les principes de mise en page et l iconographie typique de Swissmilk complètent le logo et confèrent à la marque une identité graphique propre et facilement reconnaissable. En sa qualité d emblème de la marque, Lovely est aussi un élément central de son identité. Une utilisation harmonieuse de ces divers éléments crée un profil visuel fort, qui garantit un taux de reconnaissance élevé de la marque, à l interne comme à l externe. La présente charte graphique décrit les éléments visuels de base et la manière dont ils interagissent. Après mise en œuvre des règles établies dans ce document, celui-ci pourra si nécessaire être complété ou adapté. Les directives relatives au logotype ont toutefois un caractère définitif et ne pourront plus être modifiées. Identité visuelle Swissmilk, charte graphique 3

Identité visuelle Éléments de base + Éléments d identité visuelle le logo Swissmilk la vache Lovely la police de caractères Foco les couleurs de Swissmilk l iconographie et la règle des espaces blancs Le lait. Grandis et reste fort. + + Le lait. Grandis et reste fort. Le lait. Grandis et reste fort. Identité visuelle Swissmilk, charte graphique 4

Logotype Déclinaisons Le logo de Swissmilk est une marque verbale. Il est employé dans les versions déclinées ici et ne doit en aucun cas être modifié. Logo original positif, couleurs Logo original En principe, seul le logo sur une seule ligne est utilisé. Logo original positif, noir et blanc Logo original négatif, blanc Logo pour utilisation exclusive avec le logo de la Confédération Une version présentant le logo Swissmilk sur deux lignes peut-être utilisée lorsqu il est combiné au logo de la Confédération. Cette version du logo peut être utilisée dans le contexte susmentionné exclusivement. Identité visuelle Swissmilk, charte graphique 5

Logotype Zone d exclusion et positionnement Zone d exclusion La zone d exclusion est l espace protégé minimum autour du logo, c est-à-dire un espace dans lequel on ne peut rien placer, ni texte ni éléments graphiques. La zone d exclusion permet de mettre en évidence le logo. La zone d exclusion est définie en fonction de la taille du lettrage ; elle correspond au minimum à la hauteur et à la largeur du «k», tout autour du logo. Positionnement Le logo est en principe placé soit en haut à gauche, soit en bas à droite. L espace entre le logo et le bord de la page est de 1,5 fois la hauteur du «k» et de 2 fois sa largeur. Positionnement en haut à gauche Positionnement en bas à droite Identité visuelle Swissmilk, charte graphique 6

Logotype Dimensions 100 mm/1000 px = 100 % 50 mm/500 px = 50 % Format A7 (paysage) A6 A5 A4 A3 Taille minimale Taille 30 mm 35 mm 50 mm 60 mm 80 mm 15 mm Dimensions La taille du logo dépend du format du support ; les dimensions indiquées dans le tableau se réfèrent à la largeur du logo. Des versions du logo adaptées aux principaux types de reproduction sont disponibles au format électronique. La résolution originale mesure 100 mm ou 1000 pixels (JPG et PNG) de largeur. Cette résolution a l avantage de faciliter le redimensionnement du logo au moyen de pourcentages. Exemple : 50 % de la taille originale donne un logo de 50 mm. Pour les formats supérieurs à A3, la taille du logo est mise à l échelle de manière proportionnelle. Exemple A4 Taille minimale logo Confédération: lettrage = 6 pt Logo Swissmilk = 60 mm Cohabitation Swissmilk et logo de la Confédération Lorsqu ils cohabitent, ces deux logos apparaissent en général dans le rapport de taille ci-contre. Sur un support au format A4, le logo de la Confédération apparaît dans sa taille minimale (taille de police du lettrage = 6 points). Au-delà du format A4, le logo de la Confédération est mis à l échelle du logo Swissmilk. Exemple A5 Taille minimale logo Confédération: lettrage = 6 pt Logo Swissmilk = 50 mm En deçà du format A4, le logo Swissmilk est mis à l échelle du format tandis que le logo de la Confédération conserve sa taille minimale. Identité visuelle Swissmilk, charte graphique 7

Logotype Arrière-plan Arrière-plan Généralement, le logo apparait soit en couleur (positif) sur fond blanc, soit en blanc (négatif) sur fond noir ou bleu. L utilisation sur d autres couleurs ou sur fond visuel (photo) est à éviter. Si pour des raisons impératives, ces règles ne pouvaient être respectées (p. ex. sponsoring), le contraste entre le logo et son arrière-plan doit être suffisant. Sur un arrière-plan foncé (bleu, gris, etc.), si le contraste est insuffisant, la version négative (blanc) est utilisée afin d assurer une lisibilité optimale du logo. Identité visuelle Swissmilk, charte graphique 8

Logotype Formats de fichier et nomenclature Nom SM = Swissmilk SMB = Swissmilk avec logo Confédération SM_4C_neg_.eps Fichiers Des versions du logo adaptées aux principaux types de reproduction sont disponibles au format électronique. Le nom du fichier renseigne sur le type de reproduction, la déclinaison du logo et le format d image. Type de reproduction 4C = quadrichromie (CMYK) RGB = RVB (affichage à l écran) P = couleur spéciale Pantone Couleur sw = noir et blanc neg = blanc (négatif) Formats d image.eps = Encapsulated PostScript.tiff = Tagged Image File Format.wmf = Windows Metafile.png = Portable Network Graphics.jpeg = Joint Photographic Experts Group Autres éléments de nomenclature (logo Confédération) li = gauche (pour utilisation en bord de page) d = allemand e = anglais f = français i = italien Identité visuelle Swissmilk, charte graphique 9

Typographie Polices de caractères Foco Bold abcdefghijklmnoqrstuvwxyz1234567890 äöü ABCDEFGHIJKLMNOPQRSTUVWXYZ ('*+,-./:;<=>?@~ ) Foco Light abcdefghijklmnoqrstuvwxyz1234567890 äöü ABCDEFGHIJKLMNOPQRSTUVWXYZ ( *+,-./:;<=>?@~ ) Police principale Foco La famille de polices Foco se distingue par ses lettres rondes et douces. Utilisée pour l ensemble des publications imprimées et pour la publicité, ainsi que sur Internet pour les titres, cette police est un trait distinctif de Swissmilk. Elle confère un caractère fluide et humain à l univers typographique de Swissmilk. Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Arial Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Police de remplacement Arial Lorsque Foco ne peut être utilisée pour des raisons techniques, notamment dans les médias électroniques (p. ex. site Internet, courriels, MS-Office), elle peut être remplacée par Arial. 10

Typographie Utilisation des polices Introduction 1: Foco Light, 25/25pt Plabore mosantion Titre Sous-titre 50/50pt Taille de police Les tailles de police définies sont des recommandations ; elles peuvent être adaptées au média ou au support publicitaire choisi. www.swissmilk.ch 15pt/50pt Titre Sous-titre 35/35pt Complément titre 11.5pt/35pt Titre Sous-titre 25/25pt Intertitre Sous-titre 15/17pt Intertitre une seule ligne Introduction 2: Foco Light, 15/17pt Intertitre 1: Foco Bold, 9,5pt/12.5pt Texte: Foco Light, 9,5pt/12,5pt Complément titre 9.5pt/25pt Titre Partie 1 Partie 2 Les titres s articulent habituellement sur deux lignes (titre complément), mais une version sur une seule ligne peut être utilisée exceptionnellement. Dans ce cas aussi, il convient d utiliser avec rigueur les styles gras et light. Identité visuelle Swissmilk, charte graphique 11

Couleurs Couleurs primaires noir blanc rouge Pantone Prozess Black CMYK 0/0/0/100 RGB 0/0/0 R AL Classic 9004 NCS S 9000-N Scotchcal 100-12 Pantone - CMYK 0/0/0/0 RGB 255/255/255 R AL Classic 9003 NCS S 0300-N Scotchcal 100-10 Pantone 186 CMYK 0/100/100/0 RGB 227/0/26 R AL Classic 3000 NCS S 1085-Y90R Scotchcal 100-466 Le blanc, le noir, le rouge, le bleu et le gris sont les couleurs primaires de l identité visuelle de Swissmilk. bleu 20 % 40 % 60 % 80 % Pantone 2728 CMYK 100/70/0/0 RGB 35/18/199 R AL Classic 5002 NCS S 3560-R80B Scotchcal 100-37 gris 20 % 40 % 60 % 80 % Pantone 430 CMYK 10 /0/0/55 RGB 111/122/130 R AL Classic 7000 NCS S 5005-R80B Scotchcal 100-38 12

Couleurs Couleurs secondaires brun 20 % 40 % 60 % 80 % Pantone 4695 CMYK 25/70/60/65 RGB 115/60/51 R AL Classic 8015 NCS S 7020-Y70R Scotchcal 100-19 orange 20 % 40 % 60 % 80 % Pantone 716 CMYK 0/60/100/0 RGB 254/132/3 R AL Classic 2011 NCS S 1080-Y40R Scotchcal 100-14 bordeaux 20 % 40 % 60 % 80 % Pantone 7426 CMYK 0/95/40/25 RGB 186/28/76 R AL Classic 3027 NCS S 1575-R10B Scotchcal 100-53 miel 20 % 40 % 60 % 80 % Pantone 130 CMYK 0/35/100/0 RGB 252/176/0 R AL Classic 1006 NCS S 1070-Y20R Scotchcal 100-25 Aux couleurs primaires s ajoutent les couleurs secondaires, qui s utilisent par petites touches. Elles servent surtout à mettre en valeur certains contenus ou à harmoniser, sur le plan des couleurs, les éléments textuels avec les photos. L identité visuelle de Swissmilk n est jamais bariolée ; on renoncera dès lors à utiliser ces couleurs pour de grandes surfaces, ou à utiliser simultanément plusieurs couleurs secondaires. Les couleurs or et argent sont utilisées à titre exceptionnel et réservées à des contextes particuliers. vert 20 % 40 % 60 % 80 % Pantone 369 CMYK 80/0/100/0 RGB 35/163/61 R AL Classic 6018 NCS S 2070-G20Y Scotchcal 100-719 or Pantone 871 argent Pantone 877 Identité visuelle Swissmilk, charte graphique 13

Principes de mise en page Espaces blancs Titre Sous-titre Espaces blancs L identité visuelle de Swissmilk se distingue par une importante proportion de blanc. Par conséquent, la mise en page cherche à laisser un maximum d espaces vides de textes, de photos et d autres éléments graphiques. Les trames de base servent d exemple et illustrent quelques manières d appliquer la règle des espaces blancs. Il n est pas impératif d utiliser l une des trames ci-contre. Identité visuelle Swissmilk, charte graphique 14

Iconographie Généralités Style général Le lait et les produits laitiers sont des denrées naturelles, saines et de grande valeur. S ils promettent régals culinaires et bien-être, ils évoquent aussi une vie active, sereine et comblée. L iconographie Swissmilk est le reflet de ce style de vie. Les motifs doivent être aussi expressifs et authentiques que possible pour celui qui les perçoit. Effets stylistiques Indépendamment du motif, les photos de Swissmilk correspondent aux paramètres formels ci-après : ambiance générale naturelle et décontractée éclairage naturel (lumière du jour) couleurs naturelles utilisation des flous à bon escient sélection de détails et rognage (éviter les photos entières) perspectives inattendues mise en scène authentique des objets, des produits et des personnages Identité visuelle Swissmilk, charte graphique 15

Iconographie Détourage Les photographies détourées créent une ambiance visuelle qui correspond bien au style iconographique de Swissmilk. Dans la mesure du possible, il convient de leur ajouter une ombre légère afin de suggérer un arrière-plan ou un espace. Identité visuelle Swissmilk, charte graphique 16

Iconographie Interdits Style Conformément aux paramètres visuels définis, on renonce aux mises en scène évidentes, aux arrière-plans artificiels ou colorés, aux dégradés, aux images non photographiques, aux photos manifestement prises en studio et aux photos de mannequins. Si, pour des raisons didactiques, il est inévitable d utiliser de telles illustrations (dans les moyens d enseignement p. ex.), celles-ci devraient toutefois correspondre à l esprit et au style général de l iconographie de Swissmilk. Identité visuelle Swissmilk, charte graphique 17

Lovely Situations d utilisation La vache Lovely est l emblème de la marque Swissmilk. Une utilisation ciblée, adaptée au média et au contenu lui assure une présence forte et marquante. Ainsi, Lovely est plus présente dans les moyens de communication à visée appellative (annonces p. ex.), et plus discrète dans les documents avant tout référentiels (informations nutritionnelles p. ex.). communication Niveau 1 Lovely est bien en vue sur la couverture, à l intérieur et comme émettrice des moyens suivants : site Internet, brochure publicitaire, newsletter (à caractère général), publicités, manifestations, merchandising. Niveau 2 Utilisation modérée de Lovely sur certaines pages intérieures, où un rôle lui est attribué. Elle apparaît dans certains contextes, mais n est pas un élément-clé de la publication : informations nutritionnelles, magazine, recettes, moyens d enseignement, newsletters (à caractère spécifique), informations sur les produits. information Niveau 3 Lovely est utilisée comme émettrice uniquement : fiches d information, documents à télécharger, cartouches, fiches didactiques. Identité visuelle Swissmilk, charte graphique 18

Logo et complément Règles générales Family Référence : largeur du complément le plus court, soit «Family» = «swissmilk» Lorsque le logo Swissmilk est combiné au nom d un média, ce dernier apparaît toujours en dessous du logo, aligné à gauche. La taille de police est fixée de manière à ce que le complément «Family» ait la même largeur que le logo Swissmilk ; la taille ainsi définie vaut pour tous les autres compléments. Nr. 1/2011 swissmilk.ch/family Family Newsletter Recettes Titre Complément Intertitre Complément Intertitre Complément Identité visuelle Swissmilk, charte graphique 19

Exemples concrets En pratique Remarque Toutes les illustrations de la présente charte graphique y figurent à titre d exemple seulement, il ne s agit en aucun cas de modèles élaborés. Le lait. Quelle couleur a la fraîcheur? Introduction 1: Foco Light, 25/25pt Plabore mosantion Tem eum es doluptae Seque necus maios ne sitatin cum non ea sam, ullab imetur. Le lait. Grandis et reste fort. Le lait. Grandis et reste fort. Identité visuelle Swissmilk, charte graphique 20

Notes Identité visuelle Swissmilk, charte graphique 21

Notes Identité visuelle Swissmilk, charte graphique 22

Contact Avez-vous des questions? Contact Marketing Producteurs Suisses de Lait PSL Weststrasse 10 Case postale CH-3000 Berne 6 markenauftritt@swissmilk.ch Identité visuelle Swissmilk, charte graphique 23

Identité visuelle Swissmilk, charte graphique 24