Charte de style Groupe ADP et Paris Aéroport - en français

CHARTE DE STYLE GROUPE ADP ET PARIS AÉROPORT

SEPTEMBRE 2017

Version 2

INTRODUCTION .............................................................................................................................................. 5 1. LES COULEURS Les couleurs principales .......................................................................................................................................... 12 Les couleurs secondaires ...................................................................................................................................... 14 L’utilisation des couleurs ....................................................................................................................................... 18 2. LES TYPOGRAPHIES La typographie print .................................................................................................................................................. 22 La typographie Web .................................................................................................................................................. 24 La typographie en bureautique ................................................................................................................... 24 3. LES FORMES Le rayonnement ............................................................................................................................................................... 28 Les types de rayonnement ............................................................................................................................... 30 Les couleurs du rayonnement pour le Groupe ADP ........................................................ 32 Les couleurs du rayonnement pour Paris Aéroport ......................................................... 34 Le blason ..................................................................................................................................................................................... 36 Les autres formes : filets obliques, losange .................................................................................... 38 4. L’ICONOGRAPHIE Le style iconographique ........................................................................................................................................ 42 5. L ES PICTOGRAMMES Quelques fondamentaux sur les pictogrammes .................................................................. 46 Le périmètre d’usage des pictogrammes Groupe ADP et Paris Aéroport .................................................................................................................... 48 Le style pictographique des pictogrammes Groupe ADP et Paris Aéroport .................................................................................................................... 50 Les principales règles de conception des pictogrammes Groupe ADP et Paris Aéroport ........................................................... 54 Les règles colorielles ................................................................................................................................................. 62 Les applications en édition .............................................................................................................................. 66 Les applications dans les lieux ....................................................................................................................... 68 Les applications en digital ................................................................................................................................. 70 Les applications en vidéo ..................................................................................................................................... 72

SOMMAIRE

3

2

Cette charte vous présente le style des marques Groupe ADP et Paris Aéroport.

Elle vous donne les fondamentaux de leur territoire d’expression graphique : couleurs, typographies, formes, styles

iconographique et pictographique et complète les chartes d’usage des logotypes Groupe ADP et Paris Aéroport.

L’application du style de marque par type de support sera également traitée dans des chartes dédiées. Ces différentes chartes déclineront et normaliseront les usages selon les contraintes techniques et créatives liées aux thématiques et supports d’application (papeterie, publicité, édition, signalétique, vidéo, etc.).

5

4

DEUX MARQUES, UN STYLE COMMUN

Les marques Groupe ADP et Paris Aéroport ont un style graphique commun, mais chaque marque dispose d’une charte d’usage de son logotype et possède son périmètre de communication. La marque Groupe ADP s’exprime au nom de l’ensemble des activités, en France et à l’international. Elle porte les relations avec les pouvoirs publics, les actionnaires et les marchés financiers, ainsi que les partenaires. En interne, elle est le socle commun d’appartenance de tous les salariés qu’elle fédère autour d’un projet d’entreprise. La marque Paris Aéroport incarne une promesse unique vis-à-vis des voyageurs. Elle sert de repère et porte la fonction d’accueil, les services et l’offre commerciale dans et hors les murs. Elle endosse en particulier les champs suivants : les sites et applications dédiés aux voyageurs, les contenus, les services gratuits et payants, la promotion du hub parisien, la communication commerciale, les événements à destination du grand public dans et en dehors des sites. Pour toute information sur les règles d’usage des logotypes Groupe ADP et Paris Aéroport, reportez-vous aux chartes dédiées.

7

6

LE STYLE : POUR UN PARIS QUI RAYONNE

Groupe ADP et Paris Aéroport sont des marques qui rayonnent : – par l’esprit parisien qui les animent ; –  par la relation d’attention qu’elles entretiennent avec leurs publics ; – par leur manière d’habiter l’espace. Par leur style, nos deux marques incarnent l’esprit d’un Paris moderne, vivant, métissé, un Paris rayonnant auquel elles font écho : – un Paris qui projette ses traditions et son patrimoine dans le futur ; – un Paris à l’avant-garde de la création, de l’innovation et de la culture ; –  un Paris qui inspire le monde entier et qui diffuse son art de vivre et ses savoir-faire si distinctifs au-delà des frontières. À la fois élégantes et chaleureuses, nos marques sont incarnées et témoignent d’une volonté relationnelle quand elles s’expriment, que ce soit dans la manière dont elles investissent l’espace ou les supports de communication. Leur expression est puissante, esthétique et lumineuse.

9

8

1. LES COULEURS

L’univers coloriel des marques Groupe ADP et Paris Aéroport se compose de couleurs principales vives, associées au blanc et à une gamme de couleurs complémentaires plus douces.

1. LES COULEURS

Couleurs principales Groupe ADP

PANTONE 2748 C PANTONE TEXTILE 18-3963 TPG SPECTRUM BLUE CMJN C100 M95 J0 N10 RVB R3 V31 B115 HTML #031F73 RAL 5022

Les couleurs principales

Pour le Groupe ADP Les couleurs majeures sont le bleu issu de la marque, un bleu complémentaire et le blanc. Le orange issu du logotype Paris Aéroport est également présent, mais en mineur. Pour Paris Aéroport Les couleurs majeures sont le bleu et le orange avec des notes de rouge, issues de la marque et le blanc qui vient en complément indissociable pour rappeler cet univers bleu, blanc, rouge qui constitue la première ambiance colorielle de la marque.

PANTONE 2144 C PANTONE TEXTILE 18-4141 TPG CAMPANULA CMJN C90 M50 J0 N0 RVB R55 V109 B179 HTML #376DB3 RAL 5015

PANTONE Bright Red C PANTONE TEXTILE 17-1463 TPG TANGERINE TANGO CMJN C0 M85 J100 N0 RVB R200 V65 B24 HTML #C84118 RAL 3024

Couleurs principales Paris Aéroport

PANTONE 2748 C PANTONE TEXTILE 18-3963 TPG SPECTRUM BLUE CMJN C100 M95 J0 N10 RVB R3 V31 B115 HTML #031F73 RAL 5022

PANTONE Bright Red C PANTONE TEXTILE 17-1463 TPG TANGERINE TANGO CMJN C0 M85 J100 N0 RVB R200 V65 B24 HTML #C84118 RAL 3024

13

12

1. LES COULEURS

Les couleurs secondaires

PANTONE Cool Gray 1 C CMJN C0 M0 J0 N10 RVB R236 V236 B236 HTML #ECECEC

Les couleurs secondaires sont des teintes plus douces qui viennent soutenir les couleurs principales pour rythmer l’expression des marques Groupe ADP et Paris Aéroport. Ces couleurs secondaires s’organisent en trois ambiances : – une gamme de gris qui vient en soutien discret ; – une gamme de bleus et verts ; – une gamme de teintes plus chaudes. Une gamme colorielle spécifique sera dédiée aux espaces et fera l’objet d’une charte dédiée.

PANTONE Cool Gray 4 C CMJN C0 M0 J0 N25 RVB R206 V207 B207 HTML #CECFCF

PANTONE Warm Gray 1 C CMJN C0 M0 J5 N5 RVB R245 V245 B247 HTML #F5F5ED

PANTONE Warm Gray 4 C CMJN C0 M5 J10 N25 RVB R203 V199 B190 HTML #CBC7BE

PANTONE 621 C

CMJN C10 M0 J10 N5

RVB R228 V235 B227 HTML #E4EBE3

PANTONE 7538 C CMJN C10 M0 J15 N30

PANTONE 7534 C CMJN C0 M4 J20 N30 RVB R194 V188 B169

RVB R183 V188 B176

HTML #B7BCB0

HTML #C2BCA9

PANTONE 7536 C CMJN C0 M2 J8 N10 RVB R235 V231 B222 HTML #EBE7DE

15

14

1. LES COULEURS

PANTONE 719 C CMJN C0 M15 J50 N0 RVB R245 V219 B150 HTML #F5DB96

PANTONE 2706 C

CMJN C20 M10 J0 N0 RVB R213 V220 B241 HTML #D5DCF1

PANTONE 545 C

CMJN C25 M5 J0 N0 RVB R196 V191 B223 HTML #C4BFDF

PANTONE 2716 C CMJN C50 M35 J0 N0 RVB R145 V156 B205 HTML #919CCD

PANTONE 1485 C CMJN C0 M50 J80 N0 RVB R221 V147 B70 HTML #DD9346

PANTONE 1205 C

CMJN C0 M5 J50 N0

RVB R252 V237 B156 HTML #FCED9C

PANTONE 127 C CMJN C0 M10 J70 N0 RVB R249 V224 B107 HTML #F9E06B

PANTONE 542 C CMJN C65 M25 J0 N5 RVB R111 V154 B205 HTML #6F9ACD

PANTONE 2975 C CMJN C30 M0 J5 N0

RVB R199 V226 B241

HTML #C7E2F1

PANTONE 7534 C

PANTONE 508 C CMJN C0 M40 J0 N10 RVB R211 V167 B193 HTML #D3A7C1

PANTONE 331 C CMJN C20 M0 J15 N0 RVB R219 V234 B225 HTML #DBEAE1

CMJN C0 M25 J25 N0 RVB R238 V206 B188 HTML #EECEBC

PANTONE 310 C CMJN C50 M0 J10 N0

RVB R157 V205 B226

HTML #9DCDE2

PANTONE 510 C CMJN C0 M20 J5 N0 RVB R242 V218 B226

PANTONE 7521 C CMJN C0 M20 J30 N15 RVB R214 V191 B165 HTML #D6BFA5

PANTONE 333 C CMJN C50 M0 J30 N0

HTML #F2DAE2

RVB R158 V202 B191

HTML #9ECABF

17

16

1. LES COULEURS

Couleurs principales : utilisation uniquement à 100 %

L’utilisation des couleurs

L’application des couleurs principales Les couleurs principales s’appliquent en aplat à 100 % et de préférence en petites touches. Le blanc doit être très présent également et l’application des marques Groupe ADP et Paris Aéroport sur fond blanc est à privilégier. L’application des couleurs secondaires Ces couleurs complémentaires sont destinées aux applications en édition, en digital ou en signalétique événementielle. Elles s’utilisent uniquement en aplat à 100 %. Elles peuvent être appliquées à certains éléments de l’univers formel comme le rayonnement, par exemple. Dans ce cas, les couleurs s’utilisent en duo, de préférence en respectant les duos de couleurs complémentaires (par exemple, les deux teintes de vert associées).

Interdits

Duos de couleurs secondaires

Duos associant les teintes douces secondaires

Duos associant le bleu principal et les couleurs secondaires

19

18

2. LES TYPOGRAPHIES L’univers typographique des marques Groupe ADP et Paris Aéroport se compose de typographies contemporaines et élégantes, choisies en cohérence avec le style des identités de marque.

2. LES TYPOGRAPHIES

La typographie print

Les typographies

GOTHAM

La typographie print La typographie à utiliser en print est la Gotham. Elle s’applique dans toutes les graisses.

Utilisation principale

Utilisation secondaire

Achat de typographie Vous devez acheter la typographie Gotham pour disposer de la licence d’utilisation. Elle est vendue par Hoefler & Co sur le site : www.typography.com.

Thin Light Book Medium Bold Black Ultra

Thin Italic Light Italic Book Italic Medium Italic

Thin Condensed Light Condensed Book Condensed Medium Condensed Bold Condensed Black Condensed Extra Black Condensed

Thin Condensed Light Condensed Book Condensed Medium Condensed Bold Condensed Black Condensed Extra Black Condensed

Bold Italic Black italic Ultra Italic

23

22

2. LES TYPOGRAPHIES

La typographie Web

La typographie Web C’est également la Gotham qui est utilisée pour tous les supports digitaux : sites Internet et intranet, applications et supports promotionnels.

GOTHAM

La typographie en bureautique Pour éviter les problèmes techniques de compatibilité, une typographie spécifique de substitution a été déterminée pour les usages informatiques en bureautique : il s’agit de la Century Gothic, utilisable dans ses graisses standard (Regular, Italic, Bold et Bold Italic). Cette police ne s’utilise que sur les documents de bureautique Word®, PowerPoint®, Excel®, etc.

Utilisation principale

Utilisation secondaire

Thin Light Book Medium Bold Black Ultra

Thin Italic Light Italic Book Italic Medium Italic

Thin Condensed Light Condensed Book Condensed Medium Condensed Bold Condensed Black Condensed Extra Black Condensed

Thin Condensed Light Condensed Book Condensed Medium Condensed Bold Condensed Black Condensed Extra Black Condensed

Bold Italic Black italic Ultra Italic

La typographie en bureautique

CENTURY GOTHIC

Bold Italic

Bold

Regular

Italic

25

24

3. LES FORMES

Notre vocabulaire de formes est empreint de parisianité. Élégant et moderne, il est inspiré par le symbole présent dans les marques Groupe ADP et Paris Aéroport.

3. LES FORMES

Le rayonnement

Le rayonnement constitue le principal élément formel à appliquer dans les supports de communication des marques Groupe ADP et Paris Aéroport. Au même titre que les couleurs ou la typographie, le rayonnement est un ingrédient fondamental d’expression de nos marques. Il exprime l’envol, l’élégance et le rayonnement mondial de Paris. Il existe deux types de rayonnement :

– une version avec traits fins ; – une version avec traits épais.

29

28

3. LES FORMES

Les types de rayonnement

Traits fins sur fond blanc ou sur fonds de couleur

Rayonnement 1

Rayonnement 2

Rayonnement 3

Rayonnement 4

Quatre orientations de rayonnement sont possibles, en traits fins et en traits épais. Ces rayonnements s’appliquent aussi bien en couleurs qu’en réserve sur des fonds colorés en aplat. Seules les versions fournies peuvent être utilisées. Vous ne devez pas créer d’autres rayonnements à partir des éléments fournis.

Traits épais sur fond blanc ou sur fonds de couleur

Rayonnement 1

Rayonnement 2

Rayonnement 3

Rayonnement 4

31

30

3. LES FORMES

Les couleurs du rayonnement pour le Groupe ADP

Premier niveau d’association colorielle pour le Groupe ADP

Pour le Groupe ADP, certaines associations colorielles sont recommandées lors de l’utilisation du rayonnement.

Premier niveau d’association colorielle Il est recommandé d’associer en usage principal le bleu foncé et le bleu complémentaire spécifique au Groupe ADP.

Deuxième niveau d’association colorielle En usage secondaire, vous pouvez associer le bleu principal aux couleurs secondaires de la palette des couleurs ou bien jouer sur les duos de la palette secondaire des teintes pastel en utilisant la teinte claire du duo en fond et la teinte foncée pour le rayonnement.

Deuxième niveau d’association colorielle pour le Groupe ADP Duos associant le bleu principal et les couleurs secondaires

Duos associant les teintes secondaires

33

32

3. LES FORMES

Les couleurs du rayonnement pour Paris Aéroport

Premier niveau d’association colorielle pour Paris Aéroport

Pour Paris Aéroport, des associations colorielles sont conseillées lorsque vous utilisez le rayonnement.

Premier niveau d’association colorielle Il est recommandé d’utiliser le bleu ou le orange, associés au blanc ou d’associer bleu et orange, les deux couleurs de l’identité Paris Aéroport.

Deuxième niveau d’association colorielle En usage secondaire, vous pouvez associer le bleu principal aux couleurs secondaires de la palette des couleurs ou bien jouer sur les duos de la palette secondaire des teintes pastel en utilisant la teinte claire du duo en fond et la teinte foncée pour le rayonnement..

Deuxième niveau d’association colorielle pour Paris Aéroport Duos associant le bleu principal et les couleurs secondaires

Duos associant les teintes secondaires

35

34

3. LES FORMES

Version en bleu

Version en réserve

Le blason

Un blason reprend le symbole des logotypes Groupe ADP et Paris Aéroport. Il peut être appliqué dans certains cas spécifiques pour rythmer l’expression de nos marques, en particulier dans les espaces.

Taille minimale Le blason ne doit pas être utilisé à une largeur inférieure à 15 mm pour s’assurer de la visibilité du symbole.

Interdit Le blason ne doit pas être utilisé dans les couleurs secondaires. Il ne s’utilise que dans la teinte monochrome bleue du symbole des logotypes et en réserve blanche. Lorsqu’il est en réserve, il s’applique de préférence sur le fond du même bleu.

Taille minimale

15 mm

Interdits

37

36

3. LES FORMES

Les autres formes : filets obliques, losange

Filets obliques

Les filets obliques et le losange viennent en complément des autres éléments formels pour enrichir le style de marque.

Faits marquants 2O2O

Les filets obliques Ils peuvent être utilisés pour le foliotage, des exergues de contenu, une numérotation, par exemple.

O1

Le losange Il peut être utilisé comme élément séparateur de contenu ou en puce pour insérer des numéros.

O3

Usage en couleur Ces éléments formels peuvent être utilisés dans les couleurs principales et les couleurs secondaires de l’univers coloriel. Pour les couleurs secondaires, seules les teintes denses sont recommandées pour une bonne lisibilité.

Losange

Hotel Food & Beverages Wellness Spa Free wifi

15

39

38

Les marques Groupe ADP et Paris Aéroport ont un style iconographique emprunt de parisianité. 4. L’ICONOGRAPHIE

4. L’ICONOGRAPHIE

Le style iconographique

Animée par l’esprit d’un Paris moderne, vivant, métissé et créatif, l’iconographie met en scène un Paris contemporain. Elle se refuse à représenter un Paris décoratif de carte postale, figé dans une représentation fantasmée. Reportages photographiques et achat d’art Les photographies utilisées peuvent être issues de banques d’images ou portfolios de photographes. Pour sélectionner les images, les mots-clés déterminants sont : lumière, mouvement, perspective, instantané, vivant. Mention des crédits photos Pour des raisons juridiques, vous devez toujours faire figurer les crédits des photos utilisées dans vos documents de communication : © nom du photographe - nom de la photothèque. Exemple : © Pierre Olivier - CAPA Pictures.

43

42

5. LES PICTOGRAMMES Les marques Groupe ADP et Paris Aéroport ont un style pictographique spécifique, inspiré du symbole des logotypes.

5. LES PICTOGRAMMES

Quelques fondamentaux sur les pictogrammes

Qu’est-ce qu’un pictogramme? Un pictogramme est une représentation graphique schématique, un dessin figuratif stylisé ayant fonction de signe.

Quelle différence entre un pictogramme et une illustration? Le pictogramme est une composition graphique simple qui contient peu d’éléments. Idéalement, il ne compte qu’un seul élément. L’illustration (ou illustration simple utilisée parfois comme pictogramme) se caractérise par une composition complexe. Le pictogramme se différencie de l’illustration par l’absence de détails dans le dessin. Il a une fonction schématique, alors que l’illustration est dans un registre descriptif et détaillé. Création d’un pictogramme : quelles questions se poser ? Dans quel contexte est utilisé le pictogramme: en édition, en digital, en signalétique? Il est important de connaître le contexte d’utilisation du pictogramme pour optimiser sa réalisation, en particulier dans les petits formats en digital. Que doit exprimer le pictogramme? Le pictogramme étant une représentation graphique schématique, il doit exprimer des choses simples (idéalement, une seule information schématisable visuellement). Par exemple, une manette de jeux pour indiquer les espaces jeux. Le pictogramme vient-il enrichir un contenu texte existant? Si le pictogramme vient en complément d’un texte, il faut veiller à ce que le pictogramme ne soit pas redondant par rapport au texte. Le pictogramme remplace-t-il un contenu texte? Si le pictogramme remplace un contenu texte, il faut s’assurer de ne pas «tout faire dire au pictogramme», qui n’est qu’une représentation schématique simple. Son périmètre de contenu doit rester limité.

Pictogramme

Illustration simple utilisée comme pictogramme

Illustration

47

46

5. LES PICTOGRAMMES

Le périmètre d’usage des pictogrammes Groupe ADP et Paris Aéroport

Le périmètre d’usage des pictogrammes Les pictogrammes créés pour Groupe ADP et Paris Aéroport peuvent être utilisés en édition, en digital, en vidéo et dans les lieux (aéroports et bâtiments du Groupe, comme le siège). Pour Paris Aéroport Ils valorisent les engagements que nous prenons auprès de nos voyageurs et sont utilisés de préférence pour faire comprendre : –  les preuves de chaque engagement ; –  l’offre de services (sur le Web, dans les lieux) ; –  certains messages d’exploitation valorisant la marque (comme les palissades de chantier ou certaines affichettes). Lorsqu’ils s’appliquent dans les lieux, les pictogrammes sont avant tout réservés aux engagements et aux services (espaces jeux, multimédia, enfants, etc.).

Les pictogrammes conçus pour un usage dans les espaces ne doivent jamais se substituer aux pictogrammes existants en signalétique directionnelle en aéroport.

Pour Groupe ADP Les pictogrammes sont utilisés de préférence pour traiter :

–  les périmètres d’activité d’une direction ; –  les thématiques abordées par cette activité ; –  le détail de la thématique traitée si besoin.

49

48

5. LES PICTOGRAMMES

Le style pictographique des pictogrammes Groupe ADP et Paris Aéroport

Un style spécifique Cohérent avec les expressions des marques Groupe ADP et Paris Aéroport, le style pictographique contribue à la reconnaissance de marque. Les pictogrammes doivent être conçus en respectant les principes stylistiques suivants : –  les traits sont toujours ouverts à un endroit et jouent sur deux épaisseurs et deux couleurs ; –  les contours extérieurs et le bout des traits respectent un type d’arrondi. Lorsque vous concevez des pictogrammes pour les marques Groupe ADP et Paris Aéroport, ils doivent impérativement respecter les principes stylistiques définis, dont les grandes règles sont détaillées dans les pages suivantes.

51

50

5. LES PICTOGRAMMES

Le style pictographique des pictogrammes Groupe ADP et Paris Aéroport

L’usage en couleurs

L’usage en couleurs des pictogrammes Les pictogrammes s’utilisent principalement sur fond blanc en associant deux couleurs de l’univers coloriel. Il est recommandé de privilégier un principe bichromique associant le bleu foncé principal (couleur transverse et commune à Groupe ADP et Paris Aéroport) à une couleur complémentaire. L’usage en réserve des pictogrammes Les pictogrammes peuvent s’appliquer en réserve sur des fonds de couleur issus de l’univers coloriel (couleurs principales ou couleurs secondaires les plus denses). Lorsque les pictogrammes s’appliquent en réserve, seule une épaisseur de trait est en réserve, la seconde est en couleur, à l’exception de l’application en digital. Une version en réserve exceptionnelle en digital Pour les supports digitaux, les pictogrammes s’appliquent entièrement en réserve pour assurer la visibilité des traits, notamment lorsque le pictogramme est traité sous forme d’icône. Cette règle pour la version en réserve ne s’applique pas aux écrans (d’information ou d’animation, sur les plateformes ou dans les bâtiments du Groupe), où les pictogrammes doivent conserver la double épaisseur des traits et un des traits en couleur (généralement le plus fin) dans le cas d’une utilisation en réserve.

L’usage en réserve en édition, dans les lieux et sur les écrans d’information

L’usage en réserve en digital

53

52

5. LES PICTOGRAMMES

Les principales règles de conception des pictogrammes Groupe ADP et Paris Aéroport

L’épaisseur des traits en édition, dans les lieux et sur les écrans d’information

Le style des traits Tous les pictogrammes sont conçus en filaire. Ils ne sont jamais traités avec des aplats. Les traits respectent des règles d’épaisseur et de forme.

Le trait épais (50% plus épais que le trait fin) : ce trait dominant constitue les deux tiers du pictogramme.

L’épaisseur des traits en édition, dans les lieux et sur les écrans d’information Les traits des pictogrammes doivent respecter deux épaisseurs proportionnées : –  un trait fin ; –  un trait épais, qui doit être 50% plus épais que le trait fin. Cette différence d’épaisseur de trait doit être maintenue quelle que soit la taille à laquelle le pictogramme est utilisé. Le trait épais est le trait dominant. Il constitue l’essentiel du pictogramme, soit les deux tiers du pictogramme. Le trait fin est le trait secondaire et vient en mineur sur quelques composantes du pictogramme. Il ne doit représenter qu’un tiers du pictogramme. Le digital : une exception pour l’épaisseur des traits L’application des pictogrammes en digital se faisant très souvent en très petite taille, le principe des deux épaisseurs ne peut pas être maintenu pour garantir une bonne lisibilité, en particulier sur les applications mobiles. En revanche, lorsque les pictogrammes sont présents sur des écrans, ceux-ci étant de plus grande taille, le principe de double épaisseur est appliqué.

Le trait fin : il ne représente qu’un tiers du pictogramme.

L’épaisseur des traits en digital

Tous les traits sont de même épaisseur.

55

54

5. LES PICTOGRAMMES

Les principales règles de conception des pictogrammes Groupe ADP et Paris Aéroport

L’épaisseur minimale des traits en édition et sur les écrans d’information

L’épaisseur minimale des traits en édition et sur les écrans d’information Lorsque les pictogrammes sont utilisés en petite taille en édition ou sur les écrans d’information, vous devez rester vigilant sur l’épaisseur du trait fin pour conserver une bonne lisibilité du pictogramme. Le trait fin ne doit pas être à une épaisseur inférieure à 0,5 point (pt). L’épaisseur minimale des traits en digital Lorsque les pictogrammes sont utilisés en petite taille en digital, vous devez rester vigilant sur l’épaisseur du trait pour conserver une bonne lisibilité du pictogramme. Le trait ne doit pas être à une épaisseur inférieure à 1,33 pixel (px). L’épaisseur des traits dans les lieux Lorsque les pictogrammes sont utilisés en très grande taille dans les lieux, vous devez veiller à ce que l’épaisseur des traits (épais et fins) ne soit pas trop massive. L’épaisseur des traits doit être cohérente par typologie de supports. Par exemple, les pictogrammes présents sur les totems d’accueil dans les espaces doivent tous avoir les mêmes épaisseurs pour les traits épais et fins.

0,5 pt

L’épaisseur minimale des traits en digital

1,33 px

57

56

5. LES PICTOGRAMMES

Les principales règles de conception des pictogrammes Groupe ADP et Paris Aéroport

L’ouverture des traits Une partie des traits du pictogramme doit toujours être ouverte. L’ouverture du trait doit être assez marquée pour rester visible en très petite taille. Elle doit a minima correspondre à trois fois l’épaisseur du trait épais pour conserver une bonne visibilité de l’ouverture en petite taille. L’ouverture du trait s’applique sur le contour extérieur du pictogramme, et avant tout sur le trait épais. L’ouverture peut aussi être présente sur le trait fin. L’arrondi des traits Un arrondi doit également être présent dans les pictogrammes, même si certains contours peuvent être plus anguleux. Lors de la conception de pictogrammes, vous devez appliquer bords et sommets arrondis au dessin du pictogramme dans les logiciels utilisés (Illustrator®, InDesign®). L’espace entre les traits L’espace entre les traits, et en particulier entre trait épais et trait fin, doit être aussi assez marqué pour rester visible en très petite taille. Il doit a minima être équivalent à trois fois l’épaisseur du trait épais pour assurer une bonne visibilité de l’espace en petite taille.

L’arrondi

L’ouverture des traits est équivalente à trois fois l’épaisseur du trait épais.

L’espace entre les traits est a minima équivalent à trois fois l’épaisseur du trait épais.

L’ouverture peut être présente sur trait fin ou trait épais.

59

58

5. LES PICTOGRAMMES

Les principales règles de conception des pictogrammes Groupe ADP et Paris Aéroport

La simplicité des traits Le pictogramme doit garder une certaine simplicité, avec peu de détails pour garder l’esprit d’un pictogramme et assurer une bonne visibilité en petite taille. La présence de détails est réservée aux illustrations.

Les interdits

L’angle des pictogrammes Les pictogrammes ne doivent pas avoir de perspective et se présentent de face. Ils sont toujours en 2D.

1.

2.

3.

Les interdits 1. I l est interdit d’utiliser une seule épaisseur de trait pour la conception des pictogrammes, hormis en digital. 2. I l est interdit de fermer complètement les traits des pictogrammes. 3. L es pictogrammes ne doivent pas avoir des traits à angle droit.

Il est interdit d’utiliser une seule épaisseur de trait en édition, en signalétique et sur les écrans d’information.

Il est interdit de fermer complètement les traits extérieurs.

Il est interdit d’utiliser des traits à angle droit.

61

60

5. LES PICTOGRAMMES

Les règles colorielles

Associations colorielles principales Groupe ADP

PANTONE 2748 C

PANTONE 2144 C

Les pictogrammes associent toujours deux couleurs. Ces duos de couleurs peuvent varier en suivant les règles des duos coloriels définis dans cette charte de style.

CMJN C100 M95 J0 N10 RVB R3 V31 B115 HTML #031F73 RAL 5022

CMJN C90 M50 J0 N0 RVB R55 V109 B179 HTML #376DB3 RAL 5015

Les associations colorielles principales Les associations colorielles principales sont à privilégier et reprennent les scénarios définis dans le chapitre consacré aux couleurs dans cette charte.

Pour le Groupe ADP Les couleurs à utiliser sont le bleu issu du logotype Groupe ADP et le bleu complémentaire spécifique au Groupe.

Pour Paris Aéroport Les couleurs à utiliser sont le bleu et le orange issus du logotype Paris Aéroport.

Associations colorielles principales Paris Aéroport

PANTONE 2748 C

PANTONE Bright Red C CMJN C0 M85 J100 N0 RVB R200 V65 B24 HTML #C84118 RAL 3024

CMJN C100 M95 J0 N10 RVB R3 V31 B115 HTML #031F73 RAL 5022

Les proportions des duos de couleurs Le bleu foncé issu des logotypes Groupe ADP et Paris Aéroport est la couleur principale des pictogrammes, et elle s’applique sur le trait épais dominant. Interdit Dans les aéroports, les pictogrammes doivent toujours être appliqués en bleu et orange. Il est interdit d’utiliser d’autres associations colorielles dans ces espaces.

63

62

5. LES PICTOGRAMMES

Les règles colorielles

Associations colorielles secondaires Groupe ADP et Paris Aéroport

Les pictogrammes associent toujours deux couleurs. Ces duos de couleurs peuvent varier en suivant les règles des duos coloriels définis dans cette charte de style.

PANTONE 510 C

PANTONE 7521 C

CMJN C0 M20 J5 N0

CMJN C0 M20 J30 N15 RVB R214 V191 B165 HTML #D6BFA5

RVB R242 V218 B226 HTML #F2DAE2

Les associations colorielles secondaires Elles sont identiques pour le Groupe ADP et Paris Aéroport et reprennent certains des duos coloriels recommandés dans le chapitre consacré aux couleurs dans cette charte de style. Les proportions des duos de couleurs Le bleu foncé issu des logotypes Groupe ADP et Paris Aéroport est la couleur principale des pictogrammes qui s’applique sur le trait épais dominant. Seules certaines des teintes pastel secondaires les plus foncées peuvent être utilisées en couleur secondaire pour le trait fin.

PANTONE 2716 C

PANTONE 542 C

CMJN C50 M35 J0 N0 RVB R145 V156 B205 HTML #919CCD

CMJN C65 M25 J0 N5 RVB R111 V154 B205 HTML #6F9ACD

PANTONE 310 C

PANTONE 333 C

CMJN C50 M0 J10 N0 RVB R157 V205 B226 HTML #9DCDE2

CMJN C50 M0 J30 N0 RVB R158 V202 B191 HTML #9ECABF

Interdit Il est interdit d’utiliser les couleurs pastel très claires qui ne garantissent pas une bonne lisibilité des pictogrammes.

Les interdits

Il est interdit d’utiliser les couleurs pastel très claires.

65

64

Une d’act Afin d les sa straté une o d’acti Tous

Grandir avec les territoires L’utilisation de nouveaux outils numériques s’étend rapidement dans l’exploitation, l’ingénierie, l’immobilier, où ils contribuent à fluidifier les parcours des passagers, réduire les frais sur projets et améliorer la maintenance préventive. Les services supports ne sont pas en reste. Dans le domaine des ressources humaines, les processus de recrutement, d’appréciation, de mobilité et de gestion administrative sont largement digitalisés. Plusieurs centaines de salariés ont fait le choix d’un bulletin de salaire dématérialisé et, à partir de janvier 2017, tous bénéficieront de la numérisation des entretiens annuels grâce à la nouvelle version de l’outil Mob’RH. INVESTIR 1 se familiariser avec les concepts de base, complétés par les découvertes d’innovations concrètes et la possibilité d’approfondir ses connaissances avec des cas d’experts.

sont analysés et partagés au moyen d’un outil commun, Gaspar.

PLAN STRATÉGIQUE Une opération exceptionnelle d’actionnariat salarié Afin d’associer plus étroitement les salariés aux résultats du plan stratégique Connect 2020, une opération exceptionnelle d’actionnariat salarié à deux volets. Tous les salariés d’Aéroports et de Hub Safe ont bénéficié d’une attribution gratuite de Tous ont pu aussi acquérir des actions à des conditions formés en ligne à son utilisation avec un MOOC combinant tutoriels, vidéos, quiz et interactions. Une formation à la prévention est déployée auprès des managers. Parallèlement, les procédures d’évaluation des risques o été redéfinies. Les évaluations, le suivi et l’analyse des accidents et des maladies professionnelles sont réunis dans un système d’information intégré, opérationnel depui 2016. ont fait. La suppression d'un régime de retraite supplémentaire de dirigeants a permis de financer cette opération en réallouant l'enveloppe qui y avait été dédiée. DIGITAL Les solutions RH Cette mobilisation a été renforcée en 2016. L’évolution des accidents du travail est examinée tous les quinze jours par le comité exécutif, dont plusieurs membres ont e–ectué des visites de sécurité sur le terrain à l’occasion de la journée de la sécurité. Tous les accidents, avec ou sans arrêt, sont analysés et partagés au moyen d’un outil commun, Gaspar. Plus de 200 collaborateurs ont assisté aux Journées de la qualité de vie au travail, organisées à Paris-Orly et à Paris-Charles de Gaulle. formés en ligne à son utilisation avec un MOOC combinant tutoriels, vidéos, quiz et interactions. Une formation à la prévention est déployée auprès des managers. Parallèlement, les procédures d’évaluation des risques ont été redéfinies. Les évaluations, le suivi et l’analyse des accidents et des maladies professionnelles sont réunis dans un système d’information intégré, opérationnel depuis 2016. Plus de 200 collaborateurs ont assisté aux Journées de la qualité de vie au travail, organisées à Paris-Orly et à Paris-Charles de Gaulle.

5. LES PICTOGRAMMES

et de d’une

PASSEPORT DIGITAL : LA VILLE AÉROPORTUAIRE ET LA CARGO C I TY : GÉNÉRATEURS D ’ACT I V I TÉS ET D ’ EMPLO I S

Les applications en édition

Tous

des a

Les pictogrammes peuvent être appliqués en édition en jouant sur plusieurs duos coloriels selon les thématiques abordées.

ont fa de re de dir cette l'enve

les collaborateurs, filiales comprises, de décrocher leur passeport digital en suivant un programme de contenus

vidéo ludiques et courts pour se familiariser avec les concepts

de base, complétés par les découvertes d’innovations concrètes et la possibilité d’approfondir ses connaissances avec des cas d’experts. L’utilisation de nouveaux outils numériques s’étend rapidement dans l’exploitation, l’ingénierie, l’immobilier, où ils contribuent à fluidifier les parcours des passagers, réduire les frais sur projets et améliorer la maintenance préventive. Les services supports ne sont pas en reste. Dans le domaine des ressources humaines, les processus de recrutement, d’appréciation, de mobilité et de gestion administrative sont largement digitalisés. Plusieurs centaines de salariés ont fait le choix d’un bulletin de salaire dématérialisé et, à partir de janvier 2017, tous bénéficieront de la numérisation des entretiens annuels grâce à la nouvelle version de l’outil Mob’RH. aéronautique de Paris-Le Bourget ; développer la ville aéroportuaire sur ses trois plateformes en associant bureaux, hôtels et co merces, voire culture et loisirs autour du musée de l’Air et de l’Espace et du parc des expositions à Paris-Le Bourget. La sécurité et la prévention des risques professionnels font l’objet d’un plan de UNE CARGO CITY DE CLASSE MONDIALE À PARIS-CHARLES DE GAULLE les agressions et incivilités, les risques liés aux déplacements et les risques psychosociaux. à la rénovation et au développement de son patrimoine immobilier, et particulièrement : renforcer la Cargo City de Paris-Charles de Gaulle ; conforter le pôle d’excellence 90% du fret aérien transporté en France transite par Paris-Charles de Gaulle, ce qui génère 15000 emplois directs dans 200 entreprises et 40000 emplois au total. Unique en Europe par son étendue d’un seul tenant et ses réserves foncières, la Cargo City accueille les hubs d’Air France Cargo, FedEx et La Poste, MOBILISATION RENFORCÉE POUR LA SÉCURITÉ

PROPRIÉTAIRE DU PLUS GRAND DOMAINE AÉROPORTUAIRE D’EUROPE, LE GROUPE ADP S’ATTACHE À ATTIRER DES ENTREPRISES ET DES ACTIVITÉS CRÉATRICES DE VALEUR ET D’EMPLOIS. AMÉNAGEUR, DÉVELOPPEUR, INVESTISSEUR, GESTIONNAIRE, IL DÉPLOIE UNE OFFRE IMMOBILIÈRE ADAPTÉE AU PROFIL DE SES PLATEFORMES ET AUX ATTENTES DES UTILISATEURS.

Taille des pictogrammes Il est obligatoire d’utiliser les pictogrammes à des tailles et à des épaisseurs identiques pour les traits épais et fins, sur l’ensemble du support d’édition réalisé, pour un rendu cohérent et homogène. Pour rappel, en édition, l’épaisseur du trait fin du pictogramme ne doit pas être inférieure à 0,5 point. À titre indicatif, dans l’exemple ci-contre, les épaisseurs sont les suivantes : – 0,75 pt pour le trait épais ; – 0,5 pt pour le trait fin.

UNE CLIENTéLE D’ENTREPRISES DIVERSIFIÉE

MOBILISATION RENFORCÉE POUR LA SÉCURITÉ

Portes d’entrée et carrefours d’échanges internationaux, les aéroports sont à la fois des infrastructures majeures et des pôles de développement économique. Ils attirent ainsi de nombreuses entreprises. Le Groupe ADP développe à leur intention deux grandes classes d’actifs immobiliers: l’immobilier aéroportuaire pour les activités qui nécessitent un accès direct aux pistes : messageries cargo, hangars de maintenance des avions et des engins de piste, bâtiments industriels (comme la restauration aérienne), etc. ; l’immobilier de diversification pour les autres activités : bureaux, hôtels, commerces, parcs d’activités, messageries, entrepôts, etc.

423 HA DISPONIBLES POUR LE DÉVELOPPEMENT IMMOBILIER

La sécurité et la prévention des risques professionnels font l’objet d’un plan de

800 M€ D’INVESTISSEMENTS PRÉVUS SUR 2016-2020 (Y COMPRIS COENTREPRISES)

DIGIT Les s de st Pour digita

UNE VOCATION D’INVESTISSEUR AFFIRMÉE les agressions et incivilités, les risques liés aux déplacements et les risques psychosociaux. Sur la période 2016-2020, le Groupe entend consacrer 800 millions d’euros

de start-up expérimentées Pour accélérer sa transformation digitale, le Groupe a lancé le

à destination des start-up

recrutement, formation, mobilité

RESPONSABILITÉ & TERRITOIRES

150 candidatures ont été reçues, 12 start-up, sélectionnées

Jobbers, une conciergerie digitale qui simplifie la vie des personnes Speachme, une solution Web pour enregistrer, transmettre et di“user simplement son savoir Sparted, une plateforme de microformations sous forme Zest Me Up, une application pour prendre en temps réel le pouls des salariés.

ADP_RA2016_C3_Resp&Territoires.indd 4

20/04/2017 17:53

à des

173 SALARIÉS PROMUS DANS LE CADRE DE LEUR MOBILITÉ

32 19 EXPATRIÉS ET 8 SALARIÉS EN ÉCHANGE

recru

DES POSTES POURVUS PAR MOBILITÉ INTERNE

150 c 12 sta Job qui si

RAPPORT D’ACTIVITÉ ET DE DÉVELOPPEMENT DURABLE 2016

ADP_RA2016_C3_Resp&Territoires.indd 13

20/04/2017 17:53

Spe

pour di“us

Spa de m

173 SALARIÉS PROMUS DANS LE CADRE DE LEUR MOBILITÉ

32 19 EXPATRIÉS ET 8 SALARIÉS EN ÉCHANGE

Zest

pour le pou

DES POSTES POURVUS PAR MOBILITÉ INTERNE

RAPPORT D’ACTIVITÉ ET DE DÉVELOPPEMENT DURABLE 2016

67

66

ADP_RA2016_C3_Resp&Territoires.indd 13

5. LES PICTOGRAMMES

Les applications dans les lieux

Les pictogrammes peuvent être utilisés dans les lieux en respectant un périmètre et des règles précises.

ESPACE JEUX *

ESPACE MULTIMÉDIA *

Usage des couleurs Pour l’usage dans les aéroports, les pictogrammes doivent toujours être en orange et bleu, comme le logotype Paris Aéroport. Le bleu étant la couleur principale, il est appliqué sur le trait épais dominant. Pour certains espaces comme le siège social, où le logotype Groupe ADP est présent, des pictogrammes peuvent être utilisés. Ils sont alors toujours traités en bleu foncé et en bleu complémentaire Groupe. Pour garantir un bon impact, il est recommandé un usage des pictogrammes en couleurs sur fond blanc plutôt qu’un usage en réserve. Taille et placement des pictogrammes Le pictogramme peut apparaître en entier ou partiellement en venant à la coupe, mais doit toujours être compréhensible, même s’il est traité à la coupe. L’angle de placement du pictogramme peut varier (par exemple, le pictogramme de la manette pour les espaces jeux). Il est recommandé d’utiliser les épaisseurs suivantes pour les pictogrammes en signalétique dans les lieux : – 14,25 points pour le trait épais ; – 9,5 points pour le trait fin. Ces épaisseurs doivent être conservées quelle que soit la taille à laquelle le pictogramme est appliqué sur le support de signalétique.

* MULTIMEDIA AREA -

* PLAY AREA -

ESPACE MULTIMÉDIA MULTIMEDIA AREA -

Paris Aéroport is renovating the food service area on this floor to make your visit more comfortable. Pour votre confort, Paris Aéroport rénove la zone restauration de cet étage. PARIS NE S’EST PAS CONSTRUITE EN UN JOUR. WORK IN PROGRESS *

* TRAVAUX EN COURS -

69

68

5. LES PICTOGRAMMES

Les applications en digital

Les pictogrammes peuvent être utilisés en digital en respectant des règles précises.

Spécificité des pictogrammes en digital En raison de leur application en très petite taille en digital,

les pictogrammes n’ont qu’une seule épaisseur dans leur version Web. Ce principe permet de conserver la lisibilité du pictogramme en petite taille, en particulier en consultation sur smartphone et lorsque le pictogramme est utilisé comme une icône.

Les vols

Les vols

Lorsque le pictogramme est utilisé comme une icône, il est recommandé de supprimer le plus petit détail du pictogramme.

Usage en réserve des pictogrammes en digital Lorsque les pictogrammes sont utilisés en réserve en digital, tous les traits restent en blanc, contrairement aux applications en édition et en signalétique. Ce principe est nécessaire pour conserver une bonne lisibilité en petite taille.

Taille des pictogrammes Il est impératif de respecter l’épaisseur minimale de 1,33 pixel pour les pictogrammes en digital.

L’exception des pictogrammes sur écran d’information Pour les pictogrammes présents sur les écrans d’information, les règles du digital ne s’appliquent pas. Ce sont celles de l’édition et de la signalétique qui doivent être suivies.

71

70

5. LES PICTOGRAMMES

Les applications en vidéo

Les pictogrammes appliqués en vidéo peuvent être animés dans le cadre de réalisations en motion design .

L’animation des pictogrammes Deux types d’animation sont possibles : –  apparition progressive des traits du pictogramme ; –  mouvement du pictogramme (par exemple, le pictogramme de l’avion qui se déplace). Le trait épais se matérialise en premier et dessine le pictogramme. Le trait fin apparaît à la fin pour finaliser le pictogramme. Usage des couleurs Il est recommandé une application en couleurs sur fond blanc. Mais il est également possible d’avoir une application en réserve sur fond coloré, en adoptant un usage réserve complet comme pour les applications en digital. Les pictogrammes utilisés en vidéo doivent suivre les règles colorielles définies dans la charte vidéo, à savoir : –  bleu foncé et orange pour Paris Aéroport ; –  bleu foncé et bleu complémentaire pour Groupe ADP.

73

72

Conception : – © Groupe ADP 2017 – Septembre 2017

groupeadp.fr

1, rue de France 93290 Tremblay-en-France