Charte graphique - UPVM · Université Paul-Valéry Montpellier 3 Route de Mende 34199 Montpellier...

Charte graphiquev. 7 février 2017

Direction de la communication

SOMMAIRE

LE LOGOTYPE... P.4• Le logotype • Les déclinaisons • Les principes d’utilisation

LA PAPETERIE, LA BUREAUTIQUE... P.12• Les papiers en-tête• Les cartes de visite • Les cartons de correspondance• Les enveloppes• Les tampons • Les notes et communiqués

L’ EDITION... P.20• Les documents institutionnels• Les cartons d’invitation • Le magazine

LES SUPPORTS NUMÉRIQUES... P. 24• Le diaporama• Le web • La newsle�er

Charte graphiquev. 7 février 2017

4

É

Le LOGOTYPE

Le rond ou le cercle : le mondeSymbole universel du temps infini et de l’unicité

Représentation du mouvement

É

1

Me�re la marque «Paul-Valéry» en avant,ne pas l’enfermer dans le rond 2

Intégrer «Université» et «Montpellier 3» de part et d’autre de la marque

sans les enfermer dans le rond3

Le rond devient un cercle ouvert pour accentuer les effets d’ouverture et de circulation 4

L’accent du E est stylisé pour ajouter du mouvement 5

Le 3 de Montpellier est stylisé dans le E 6

L’ensemble est incliné de 8° pour accentuer la dynamique 7

6

LE LOGOTYPE

Code couleur CMJN : 00 |13 | 09 | 98Pantone process black C

Typographie Université : Police Montserrat Paul-Valéry : Police IntroMontpellier 3 : Police Montserrat

1

7

LE DÉCLINAISONS

Code couleur NOIR : CMJN : 00 |13 | 09 | 98LOGO INSITUTIONNEL

BLANC : CMJN : 00 | 00 |00

DÉTOURÉ CONTOURS NOIRS (pour le web sites composantes)

DÉTOURÉ CONTOURS BLANCS

CYAN : CMJN : 100 | 00 | 00 | 00

BLEU : CMJN : 85 | 53 | 00 | 00Thématique : Université

ROSE : CMJN : 01 | 86 | 02 | 00Thématique : International

ORANGE : CMJN : 05 | 33 | 100 | 00Thématique : Formation

VIOLET : 58 | 80 | 02 | 00Thématique : Recherche

VERT : CMJN : 81 | 15 | 64 | 01Thématique : Culture

ROUGE : CMJN : 09 | 93 | 100 | 01Thématique : Vie de campus

GRIS : CMJN : 05 | 05 | 05 | 50

BORDEAUX : CMJN : 08 | 100 | 73 | 57Réservé à l’usage exclusif des PULM

1

2

3

4

5

6

7

2 3 4 5

6 7

8

9

10

11

12

8 9

10 11 12 13

13

8

Déclinaisons du logo institutionnelpar composantes

Le logo d’une UFR devra systématiquement se trouver à droite ou En-dessous du Logo de l’Université

(Mêmes règles d’utilisation)

(Exemples non contractuels)

9

TAILLE D’USAGE MINIMUM

20 mm

42 mm

TAILLE D’USAGE COURANT (Word)

ZONE D’EXCLUSION DU LOGO ZONE D’EXLUSION DE LA MARGE

11% de la taille du logo 22% de la taille du logo

1

2

1

2

RÈGLES À OBSERVER EN CAS DE CO-SIGNATURES

3

3

PRINCIPES D’UTILISATION

Tailles d’usage

Zone d’exclusion

Régles à observer en cas de co-signatures

10

1

2

Intégration du logo sur des fonds de couleur

Sur fonds unis et clairs : ultiliser le monochrome noir et respecter un contraste important.

Sur fonds unis et foncés, utiliser le monochrome blancet respecter un contraste important.

Sur photo complexe, utiliser un aplat blanc sous le logo

Sur sur photo peu complexe peu contrastée

1

2

3

4

11

INTÉGRATION SUR PHOTO COMPLEXE INTÉGRATION SUR PHOTO PEU COMPLEXE, PEU CONTRASTÉE

3 4

12

La papeterie, la bureautique

LE PAPIER EN-TÊTE

Papier en-têteformat A4 (210mm x 297 mm) Le logo est situé en haut à gaucheL’adresse est centrée

Papier en-tête : format A4 (210mm x 297 mm) principes de mise en page

Papier en-tête : co-signaturesformat A4 (210mm x 297 mm)

A�estations

7,5 mm

5 mm

ALIGNEMENT

4,25 mm

7,5 mm

74,25 mm

Université Paul-Valéry Montpellier 3

Route de Mende 34199 Montpellier Cedex 5



[Expéditeur]

à

[Destinataire][Destinaire][Adresse] [Adresse]

[Lieu, date]120 mm

100 mm

Nom du serviceExpéditeur

FonctionRéférence courrier

Contact mail

Objet : [Titre objet]

Madame, Monsieur,

8 mm

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidi-dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exerci-tation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi ar-chitecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occae-cati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Lorem Ipsum

1 2

Typographie

Arial Bold 9 pt interligne 10pt

Arial Régular 9p interlgine 10 pt

Typographie

Arial Bold et regular 10 pt interligne 14pt

1

2

3

4

13



[Expéditeur]

à

[Destinataire][Destinaire][Adresse] [Adresse]

[Lieu, date]

Nom du serviceExpéditeur

FonctionRéférence courrier

Contact mail

Objet : [Titre objet]

Madame, Monsieur,

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidi-dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exerci-tation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



Lorem Ipsum

3

4,6 mm

Université Paul-Valéry Montpellier 3 - Route de Mende 34199 Montpellier Cedex 5

Typographie

Arial Bold et regular 10 pt interligne 14pt

4

14

1

2

LES CARTES DE VISITE

Carte de visite Recto Verso Monochrome noir C0/M13/J49/N48

54 mm x 85 mm

Carte de visite Recto Verso Déclinaisons selon couleur du logo

Carton de correspondance

1

2

3

15



www.univ-montp3.fr

Prénom NOM

Fonction

16

10 mm

10 mm

20 mm

10 mm

10 mm

25 mm





10 mm

10 mm

10 mm

22,5 mm



1

2

3

LES ENVELOPPES

Enveloppe DL 110mm x 220 mm

Enveloppe A5+ 175 mm x 250mm

Enveloppe A4+ 260 mm x 330 mm

1

2

3

17

LE TAMPON

Tampon UPVM3 Encre bleue 29 mm x 29 mm

Tampon UPVM3 personnalisable uniquement pour les composantesEncre noire

29 mm x 44 mm

1 2

FACULTÉ DES SCIENCES HUMAINES ET DES SCIENCES DE L’ENVIRONNEMENT

1

2

18



COMMUNIQUÉ DE PRESSE60 mm

CONTACT PRESSEPatrick PARIS

Directeur de la communication 04 67 14 22 74 06 13 48 49 00

[email protected]

[TITRE][TITRE]

[SOUS�TITRE]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos-trud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



27 mm

INFORMATIONS PRATIQUES

Sed ut perspiciatis unde omnis iste natus

TÉLÉCHARGEMENTS

SED UT (.PDF)

120 mm

Typographie Arial Bold 9 pt interligne 10pt

Arial Régular 9 pt interligne 10 pt

Arial Bold 9 pt interligne 10pt

Arial Régular 9p interlgine 10 pt

Bloc Informations complémentairesGris C8/M6/J5/N0

Typographie INTRO regular 16 pt couleur de la thématique : Université / Formation / Recherche / Culture / vie de campus

INTRO Bold 16 pt INTRO Régular 10pt

INTRO régular 16 pt

Texte introductif

ARIAL Bold 10 pt couleur de la thématique : Université / Formation / Recherche / Culture / vie de campus

Corps de texteARIAL Regular ou Bold 10 pt

LES DOCUMENTS INSTITUTIONNELS

Format A4 210 mm x 297 mm

20

TITRE sur deux lignes

SOUS-TITRE


Route de Mende 34199 Montpellier Cedex 5 ARTS . LETTRES . LANGUES . SCIENCES HUMAINES ET SOCIALES

Les editions

TITREsur deux lignes

SOUS-TITRE


Route de Mende 34199 Montpellier Cedex 5 ARTS . LETTRES . LANGUES . SCIENCES HUMAINES ET SOCIALES

1 2

SOUS-TITRETITRE

sur deux lignes



3

LES DOCUMENTS INSTITUTIONNELS

Page de couverture - Format A4 210 mm x 297 mmBloc Marque : 60 mm de largeLogo : 42 mm de largeTitre : Typo INTRO 40pt max.Sous-Titre : Montserrat 20pt max.

Page de couverture - Format A5148,5 mm x 210 mmBloc Marque : 40 mm de largeLogo : 30 mm de largeTitre : Typo INTRO 20 pt max.Sous-Titre : Montserrat 10 pt max.

Page de couverture - Format A6105 mm x 210 mmBloc Marque : 30 mm de largeLogo : 24 mm de largeTitre : Typo INTRO 16 pt max.Sous-Titre : Montserrat 9 pt max.

Pages intérieures - Format A4Titre : Typo INTRO 30 pt max.Corps de texte : Typo Arial 10 ptBloc contextuel : 60 mm de large CMJ M 08 | 06 | 05 | 00

Quatrième de couverture - Format A4

15 mm

25 mm

10 mm

190 mm

190 mm

7 mm

10 mm

15 mm

1

2

3

4

5

21

TITREsur deux lignes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius-mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inven-tore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec-tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehen-derit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas mo-lestias excepturi sint occaecati cupiditate non provident, similique sunt in .

P.1



5

135 mm

7 mm

10 mm

25 mm

P.2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem ac-cusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit as-pernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Sed ut perspiciatis unde omnis iste natus error sit voluptatem ac-cusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non providentm quidem rerum facilis est et expedita distinctio.

Sed ut perspiciatis unde om-

nis iste natus error sit volupta-

tem accusantium doloremque

laudantium, totam rem ape-

riam, eaque ipsa quae ab illo

inventore veritatis et quasi

architecto beatae vitae dicta

sunt explicabo.

• Liens utiles (.pdf)

Lorem ipsum dolor sit amet, consectetur adipis-cing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labo-ris nisi ut aliquip ex ea commodo consequat.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan-tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec-tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehende-rit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inven-tore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum de-leniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident,

similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumen-da est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessi-tatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut rei-ciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

4

4

Retrouvez nous sur les réseaux sociaux @univpaulvalery

22

INVITATIONINVITATIONINVITATION

INVITATION

TITRESous-titre

TITRESous-titre

LE CARTON D’INVITATION

Format DL 105 mm x 210 mmLogo : largeur 30 mmTitre Police Intro 20 ptSous-titre Police Montserrat 12 ptInvitation 10 pt

Format A5 148,5 mm x 210 mmLogo : largeur 36 mmTitre Police Intro 20 ptSous-titre Police Montserrat 12 ptInvitation 10 pt

1

2

1

2

10 mm 35 mm

95 mm

30 mm



Nom de l’invitant 1 Fonction

TITRESous-titre

Date, Lieu

Texte complémentaire

logo 2 logo 3

5 mm

5 mm

5 mm 60 mm

Nom de l’invitant 3Fonction

Nom de l’invitant 2Fonction

10 mm 40 mm

5 mm

5 mm

27 mm

35 mm10 mm

5 mm

LE MAGAZINE D’INFORMATION

Le Dit de l’UPV

Format A4 16 pages

24

TITRE Sous-Titre

THÉMATIQUE

LE DIAPORAMA

Diapositive de couverture Logo : largeur 4,6 cmTrait de couleur de la thématique Titre : police INTRO 24 ptSous-titre : police Montserrat 18 pt

Diapositives intérieuresLogo Largeur 3,5cmTitre : police INTRO 20 ptSous-titre : police Montserrat 15 pt

10 mm

10 mm

53 mm10 mm

10 mm

10 mm

10 mm10 mm52 mm

80mm

30mm

Les SUPPPORTS NUMÉRIQUES

1

1

2

25

TITRE Sous-Titre

1ertrim. 2ndtrim.3etrim. 4etrim.

LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. •  Sed ut perspiciatis unde omnis iste natus error

sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

•  At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi.

TITRE Sous-Titre




TITRE Sous-Titre




CHIFFRES CLÉS XX Lorem XXX ipsum XX Sed uyt XX Lorem XXX ipsum XX Sed uyt

10 mm 40 mm

40 mm

2

26

LE WEB

Design de la page d’accueil du site institutionnel

Le code couleur

Design de la page d’accueil du site institutionnel en mode responsive

Code couleurs des rubriques

1

2

2

27

BLEU : CMJN : 85 | 53 | 00 | 00Thématique : Université

ORANGE : CMJN : 05 | 33 | 100 | 00Thématique : Formation

VIOLET : CMJN 58 | 80 | 02 | 00Thématique : Recherche

ROSE : CMJN : 85 | 53 | 00 | 00Thématique : International

VERT : CMJN : 81 | 15 | 64 | 01Thématique : Culture

ROUGECMJN : 58 | 80 | 02 | 00Thématique : Vie de campus

2

GRIS CLAIR CMJN : 08 | 06 | 05 | 00Navigation THÉMATIQUE off

GRIS FONCÉ CMJN : 59 | 50 | 45 | 14Navigation PAR PROFILS

28

LA NEWSLETTER

29

LA NEWSLETTER


Retrouvez nous sur les réseaux sociaux @univpaulvalery

Charte graphique - UPVM · Université Paul-Valéry Montpellier 3 Route de Mende 34199 Montpellier...

Documents

Transcript of Charte graphique - UPVM · Université Paul-Valéry Montpellier 3 Route de Mende 34199 Montpellier...