Charte graphique Hautes-Vosges d'Alsace

CHARTE GRAPHIQUE Mode d’emploi 2013

hautes-vosges-alsace.fr

Charte graphique Hautes Vosges d’Alsace — P. 2

sommaire 1. Le LOGO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.3 – Description des différentes versions - Consignes d’utilisations

2. ÉLÉMENTS GRAPHIQUES chartés pour COUVERTURES & visuels . . . . . . p.8 – Bandeaux générique & thématiques - Positionnement du bandeau - Variantes de couleurs d’accompagnement - Signature web - Logo Tourisme Alsace - Variantes 1 ou 2 visuels

3. couleurs d’accompagnement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.13 4. typographies. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.17 5. ÉLÉMENTS GRAPHIQUES complémentaires. . . . . . . . . . . . . . . . . . . . . . . . p.20 6. suggestions de mise en page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.23 7. Choix iconographiques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.28 8. Logo partenaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.31 9. gabarits in design : mode d’emploi . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.33 10. supports de communication courante . . . . . . . . . . . . . . . . . . . . . . . . p.38

Charte graphique Hautes Vosges d’Alsace — P. 3

1. le logo

Charte graphique Hautes Vosges d’Alsace — P. 4

Logo niveau de gris

Logo couleur À n’utiliser que sur un fond uniforme blanc.

Pour l’insertion sur une couverture ou un visuel d’appel, le logo est toujours intégré à un bandeau.

Merci de vous référer au chapitre 2.

Logo noir + 1 gris à 60 % : Pour toute utilisation en impression 1 couleur. À n’utiliser que sur un fond uniforme blanc.

Couleurs du logo : Le logo est composé de 3 couleurs :

en quadrichromie (impression) : Vert 1

Vert 2

Vert 3

Logo noir 100 % :

C = 30 %

C = 75 %

C = 75 %

M = 30 %

M = 0 %

M = 0 %

J = 100 %

J = 100 %

J = 100 %

N = 60 %

N = 0 %

N = 0 %

en couleurs pantone (impressions spécifiques) Pantone 350

Pantone 390

Pantone 361

R = 42

R = 60

R = 199

V = 76

V = 171

V = 212

B = 26

B = 53

B=0

# = 2A 4C 1A

# = 3C AB 35

# = C6 D3 00

en RVB (écran) :

À privilégier pour les supports type fax ou de manière générale pour toute utilisation en niveau de gris à la place du précédent.

Charte graphique Hautes Vosges d’Alsace — P. 5

utilisation du logo :

NON

NON

Le logo générique ne sera jamais présenté sur un fond autre que blanc, voire hors bandeau quand il s’agit d’une couverture de document.

Le logo générique ne sera jamais présenté sur un visuel.

Idem en niveau de gris.

Non Le logo ne doit jamais être déformé, ni en largeur, ni en hauteur !

Oui Le logo sera toujours sur fond blanc, dans un bandeau.

Charte graphique Hautes Vosges d’Alsace — P. 6

Positionnement du logo : Pour pouvoir exister et être visible, le logo doit pouvoir « respirer ».

C’est pourquoi des distances minimales sont à respecter entre le logo et le bord de la zone blanche dans laquelle il est contenu.

Distance minimum du logo au bord de la page ou au bord de la zone blanche : • À droite et à gauche : 1/6e de la largeur du logo • Au dessus et au dessous : 1/13e de la hauteur du logo 1/13e

TAILLE MINIMALE DU LOGO : Pour des questions de lisibilité, la hauteur H du logo ne peut pas être inférieure à 15 mm H ≥ 15 mm 1/6e

1/6e

1/13e

Positionnement classique du logo : Les bandeaux Dans tous les cas de couvertures de supports de communication ou de visuel d’appel des Hautes Vosges d’Alsace, le logo est inclus dans un bandeau. Son positionnement est donc complètement verrouillé.

1/6e

Bord de page

1/13e

Titre lorem ipsum

1/3e

Sous-titre Lorem ipsum

1/13e

Charte graphique Hautes Vosges d’Alsace — P. 7

Logo couleur blanc : cas exceptionnel Dans certains cas très particuliers on peut utiliser une variante avec typographie passée au blanc au lieu du logo habituel : Sur certain formats étroits (type 10x21 cm), on dispose de peu de place pour un bandeau contenant le titre et le logo.

TITRE DoCUmENT sous-titre Lorem ipsum

Exemple ci-contre >

Les mêmes consignes d'espace vide autour du logo s'appliquent que dans la version générique (cf. page précédente).

hautes-vosges-alsace.fr

Précautions d'utilisation du logo blanc :

NON

Version en niveaux de gris.

Le logo ne sera jamais présenté sur un fond trop clair ou brouillant sa lecture.

oui

Version en niveaux de gris.

Un ombrage peut être appliqué (Distance = 0 / Couleur = Noir / Opacité ≤ 50 % / Distance = suffisante pour permettre une transition discrète).

Sinon, les visuels de fond retenu doivent être impérativement sombre à l’endroit du logo et relativement uniforme en terme de motif.

Charte graphique Hautes Vosges d’Alsace — P. 8

2. ÉLÉMENTS GRAPHIQUES chartés pour COUVERTURES & visuels

Charte graphique Hautes Vosges d’Alsace — P. 9

Bandeaux générique & thématiques Sur toutes les couvertures de documents, les supports publicitaires, etc. la mise en page devra respecter un certain nombres de principes et contenir des éléments incontournables. Le premier d’entre eux est l’utilisation de bandeaux chartés regroupant le logo et le titre et accessoirement l’accroche du document.

Le bandeau générique

Ceci n’exclue pas que d’autres éléments de texte annexes puissent être positionnés hors du bandeau (éclatés, paragraphes introductifs, etc.).

GUIDE PRATIQUE édition 2013 Lorem ipsum

LES bandeauX thématiqueshautes-vosge

s-alsace.fr

Nature

GUIDE PRATIQUE édition 2013 Lorem ipsum Sport & plein air

hautes-vosges-alsace.fr

TITRE DoCUmENT Bandeau Générique

GUIDE PRATIQUE hautes-vosges-alsace.fr

édition 2013 Lorem ipsum Patrimoine & histoire

hautes-vosges-alsace.fr

GUIDE PRATIQUE édition 2013 Lorem ipsum Gastronomie hautes-vosges-alsace.fr

GUIDE PRATIQUE édition 2013 Lorem ipsum

Charte graphique Hautes Vosges d’Alsace — P. 10

Positionnement du bandeau Le positionnement Vertical du bandeau se fera toujours sur la base d’un rapport harmonique : On le positionnera toujours sur le sixième, le cinquième ou le quart d’une page. Sa longueur est laissé à l’appréciation du graphiste. Cependant, dans les gabarits fournis, sa longueur est fixe.

Pour en savoir plus sur les gabarits cf. Chap. 9.

TITRE LoREm IPsUm sous-titre Lorem ipsum

1/6e

GUIDE PRATIQUE édition 2013 Lorem ipsum

1/6e

1/5e hautes-vosges-alsace.fr

TITRE DoCUmENT sous-titre Lorem ipsum

1/6e TITRE LoREm IPsUm sous-titre Lorem ipsum

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

Le bandeau peut se positionner dans le haut ou dans le bas du visuel, selon les besoins techniques ou en raison du cadrage du visuel.

hautes-vosges-alsace.fr

UE

Charte graphique Hautes Vosges d’Alsace — P. 11

Variantes de couleurs d’accompagnement Une couleur secondaire est toujours associée à la couleur générique héritée du logo. Elle est à choisir dans le nuancier mis à disposition en fonction des besoins : harmonie avec le visuel et éventuellement avec la thématique.

Pour en savoir plus cf. Chap. 3.

Exemple de couleur d’accompagnement : Ici par défaut le vert 2 issu du logo.

couleur d’accompagnement

Couleurs d’accompagnement avec variation couleur à 40% de la première.

Couleur générique VERT 1 Couleur générique

TITRE DoCUmENT Bandeau Générique

Les 16 couleurs d’accompagnement.

hautes-vosges-alsace.fr

signature web La signature web vient toujours s’inscrire en bas de page, à droite ou à gauche, en fonction du cas de figure.

Elle est positionnée de manière à n’entrer en conflit, ni avec le bandeau, ni avec l’onglet Tourisme Alsace.

Elle est par défaut à droite : quand le bandeau est en bas, le logo Alsace est en haut. On doit donc la placer en bas à droite). Exception quand le bandeau est en haut : le logo Alsace est en bas, par conséquent la signature est placée en bas à gauche.

La silhouette qui l’accompagne existe en 2 versions fournies, mais elle peut évoluer en fonction des contextes thématiques.

Les positionnements sont verrouillés sur les gabarits fournis.

Pour en savoir plus sur les gabarits cf. Chap. 9.

hautes-vosges-alsace.fr

Exemple de variation de positionnement en fonction du placement du bandeau.

dimensions Le contenu de la signature ne doit en aucun cas être modifié à moins de respecter le centrage dans le bloc vert et sa distance aux extrémités.

L’inclinaison du bandeau est de 3° Dans un format de proportions types A4, la signature ne dépassera pas en largeur le 1/3 de la largeur du document.

Dans un format types 10x21, ne pas dépasser la moitié de la largeur du document.

Signature web 1

PsUm

GUIDE PRATIQUE édition 2013 Lorem ipsum

hautes-vosges-alsace.fr

Signature web 2 hautes-vosges-alsace.fr

TITRE LoREm IPsUm

hautes-vosges-alsace.fr

sous-titre Lorem ipsum

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

Charte graphique Hautes Vosges d’Alsace — P. 12 Pour des raisons de mises en page, si cette place ne convient pas, l’onglet pourra se placer à une hauteur différente mais toujours sur le coté droit en bord de page.

Le placement en dernière de couverture est interdit.

logo Tourisme Alsace Le logo Tourisme Alsace viendra toujours s’insérer sur le bord droit du document à 20 mm minimum du haut de la page.

Zone De PlaCeMent

Les gabarits étant calibrés, merci de s’y référer en priorité.

Les positionnements sont verrouillés sur les gabarits fournis.

Pour en savoir plus sur la charte Tourisme Alsace, cf. charte jointe.

Pour en savoir plus sur les gabarits cf. Chap. 9.

Alsace tourisme rougePartie 3 : ÉDition loCale - Strasbourg 2012

Alsace tourisme blanc

Zone De PlaCeMent

Gabarits

Format A4 Taille onglet : 32 mm - Taille logo : 26 mm

22

«.com» à 5 mm du bords de page

20 mm

Variantes 1 ou 2 visuels Version image seule

Vous avez 2 possibilités pour l’insertion de visuels photos dans vos couvertures :

Version bandeau haut : l’image s’étend du haut de la page jusqu’au bord inférieur du bandeau

Version bandeau bas : l’image va du bord inférieur de la page au bord inférieur du bandeau.

• Insertion d’un seul visuel pleine page.

TITRE LoREm IPsUm sous-titre Lorem ipsum

• Insertion de 2 visuels Attention !

La 2e image est positionnée de manière spécifique et fixe.

Em IPsUm

- Strasbourg 2012

Dans la version avec le bandeau titre en bas, l’image va du bord inférieur de la page au bord inférieur du bandeau.

TITRE LoREm IPsUm

Dans la version avec le bandeau en haut, elle s’étend du haut de la page jusqu’au bord inférieur du bandeau.

Encore une fois, les gabarits servent de référence.

TITRE LoREm IPsUm

sous-titre Lorem ipsum

sous-titre Lorem ipsum

hautes-vosges-alsace.fr

1/6e

hautes-vosges-alsace.fr

Exemples de mises en pages.

23

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

Pour en savoir plus sur les gabarits cf. Chap. 9.

-vosges-alsace.fr

TiTre DocumenT Bandeau Générique

hautes-vosges-alsace.fr

TiTre DocumenT

TiTre DocumenT

Bandeau Générique

Bandeau Générique

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

1/3

Charte graphique Hautes Vosges d’Alsace — P. 13

3. couleurs d’accompagnement

Charte graphique Hautes Vosges d’Alsace — P. 14

couleur d’accompagnement ?

Comme vu précédemment (Point 2), la couleur vert 1 du logo (cf. ci-dessous) est utilisée dans les mises en pages comme couleur générique ; pour les sous-titres en couverture notamment.

Pour rendre les mises en page plus riches et plus gaies, elle est accompagnée par une couleur d’accompagnement. Par défaut il s’agit du vert 2 du logo ou du vert 3 (cf. ci-dessous).

VERT 1

VERT 2

VERT 3

TiTre DocumenT Pour pouvoir harmoniser cette couleur d'accompagnement avec chaque visuel ou chaque thématique, une gamme de 16 couleurs est disponible.

Chacune des couleurs a été choisie avec soin pour être en accord avec les 3 verts du logo. Chacune de ces couleurs a aussi été choisie pour être lisible si elle est utilisée pour colorer une typographie. Ce afin d’obtenir un contraste suffisant avec un fond blanc, voire éventuellement de pouvoir exister sur un fond sombre (type vert 1).

Couleur

Bandeau Générique

hautes-vosges-alsace.fr

Exemple de couverture générique.

On retrouve bien le vert 1 en couleur générique (sous-titre) et un vert 2 en couleur d’accompagnement (titre).

Couleur

Pour plus de souplesse, chaque couleur peut être utilisée dans une teinte à 40% de l'originale.

100 %

Cette possibilité permet d’enrichir les mises en pages en amenant des nuances souvent nécessaires (filigranes, éléments graphiques, tableaux ou infographies).

Elle permet aussi d’obtenir de meilleurs contrastes sur des fonds sombres.

40 %

Un même document peut allier plusieurs couleurs d'accompagnements en fonction des besoins : – Infographies – Codes couleurs dans un guide – etc.

Charte graphique Hautes Vosges d’Alsace — P. 15

Couleurs d’accompagnement avec variation couleur à 40% de la première.

les couleurs d’accompagnement :

Une gamme large qui permet de répondre à tous les besoins, autant harmoniques (avec un visuel), que thématique : type d’activités présenté, type de contenus, etc.

Attention !

Si d'aventure vous ne trouviez pas une couleur convenant à vos besoins dans la palette chartée fournie, vous pouvez exceptionnellement en créer une nouvelle, dans la mesure où celle-ci est en harmonie avec les couleurs du logo.

Charte graphique Hautes Vosges d’Alsace — P. 16

exemples :

couleur d’accompagnement

couleur d’accompagnement

Couleur générique

Couleur générique

À savoir : Ugia vellend igentiur aut delicite id que

Dundit, ut enditiae ea niminum quas nonsed quidene volorib.

Usandis et autem am dentureprat.

À savoir : Ugia vellend igentiur aut delicite id que

Dundit, ut enditiae ea niminum quas nonsed quidene volorib.

Usandis et autem am dentureprat.

couleur d’accompagnement

couleur d’accompagnement

Couleur générique

Couleur générique

À savoir : Ugia vellend igentiur aut delicite id que

Dundit, ut enditiae ea niminum quas nonsed quidene volorib.

Usandis et autem am dentureprat.

À savoir : Ugia vellend igentiur aut delicite id que

Dundit, ut enditiae ea niminum quas nonsed quidene volorib.

Usandis et autem am dentureprat.

couleur d’accompagnement

couleur d’accompagnement

Couleur générique

Couleur générique

À savoir : Ugia vellend igentiur aut delicite id que

Dundit, ut enditiae ea niminum quas nonsed quidene volorib.

Usandis et autem am dentureprat.

À savoir : Ugia vellend igentiur aut delicite id que

Dundit, ut enditiae ea niminum quas nonsed quidene volorib.

Usandis et autem am dentureprat.

couleur d’accompagnement

couleur d’accompagnement

Couleur générique

Couleur générique

À savoir : Ugia vellend igentiur aut delicite id que

Dundit, ut enditiae ea niminum quas nonsed quidene volorib.

Usandis et autem am dentureprat.

À savoir : Ugia vellend igentiur aut delicite id que

Dundit, ut enditiae ea niminum quas nonsed quidene volorib.

Usandis et autem am dentureprat.

Charte graphique Hautes Vosges d’Alsace — P. 17

4. typographies

Charte graphique Hautes Vosges d’Alsace — P. 18

La typographie est en dehors du logo l'élément le plus récurrent d'une identité visuelle. Elle doit donc être choisie avec soin. Chaque famille doit être aussi utilisée avec discernement en fonction de ses missions spécifiques.

Les typographies utilisées sont toutes libres de droit et optimisées pour le web.

typographie principale La YanoneKaffeesatz rappelle dans ses formes l’univers du logo en alliant un aspect très moderne et ludique à une petite pointe de tradition ; évoquant par ces angles la gravure sur bois que l’on retrouve dans le dessin du logo.

Elle sera utilisée pour tout les éléments textuels forts qui identifie les Hautes Vosges d'Alsace : Titrage, Sous-titrage, exergues, etc.

Yanone Kaffeesatz Bold ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Yanone Kaffeesatz Regular ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Yanone Kaffeesatz Light ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Yanone Kaffeesatz Thin ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

typographie secondaire La Neuton et sa famille typographique, allient un certain classicisme, à un confort de lecture sur support papier et à une variété de graisses (ExtraLight, Light, Regular, Bold, ExtraBold). Elle en fait le candidat idéal (libre de droit) pour la composition de textes plus longs.

Elle sera donc utilisée pour le texte courant, certains sous-titrages et pour permettre de varier et d'enrichir l'univers typographique principal.

Neuton Extrabold ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Neuton Bold ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Charte graphique Hautes Vosges d’Alsace — P. 19

Neuton Regular ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Neuton Italic ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Neuton Light ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Neuton Extralight ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Remplacements typographiques La Neuton peut être remplacée par une autre sérife « tous-terrains » présente sur tous les ordinateurs comme la Georgia.

Pour un travail typographique plus précis, on peut opter pour une typographie payante type Mercury ou Chronicle, etc.

Georgia Regular ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Georgia Regular ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

web & supports numériques : cas particulier Pour les supports numériques, pour des questions de lisibilité à l’écran, la typographie sérifes de texte courant a été remplacée par une linéale : la Trebuchet MS.

Trebuchet MS Regular ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Trebuchet MS Italic ABCDEFhamburgefonstiv123456?!@&€?!

ABCDEFhamburgefonstiv123456?!@&€?!

Charte graphique Hautes Vosges d’Alsace — P. 20

5. ÉLÉMENTS GRAPHIQUES complémentaires

Charte graphique Hautes Vosges d’Alsace — P. 21

bandeaux & univers Des bandeaux/frises reprenant un univers complet et global de la destination, sont disponibles dans le dossier elements graphiques.

On les retrouve par exemple sur le site web des Hautes Vosges d’Alsace et sur la papeterie.

Charte graphique Hautes Vosges d’Alsace — P. 22

Éléments pictographiques Les éléments présents dans les différents bandeaux et quelques éléments supplémentaires sont fournis dans un fichier vectoriel à part, pour permettre de ponctuer et d’illustrer les mises en pages des différents supports (cf. chapitre suivant : « Suggestions de mise en page »).

Ces éléments peuvent être complétés au fil des besoins par d’autres pictos, du moment qu’ils restent dans l’esprit de la marque.

Fichier Illustrator disponible dans le dossier elements graphiques

Charte graphique Hautes Vosges d’Alsace — P. 23

6. suggestions de mise en page

Charte graphique Hautes Vosges d’Alsace — P. 24

L’esprit : Dans ses publications, les Hautes Vosges d’Alsace devraient opter pour une mise en page type magazine, avec des contenus variés, distribués dans des registres différents donnant du dynamisme et de l’efficacité à la lecture.

TITRE LoREm IPsUm IPsUm ETC .

Pour obtenir un rendu de qualité et une montée en gamme de la destination, les mises en pages devront être aérées et élégantes, et les visuels devront être choisis avec soin.

Ugia vellend igentiur aut delicite id que officius dolupti onsent odionet

TITRE LOREM IPSUM

Les typographies ont été choisies dans cet esprit, pour allier modernité et patrimoine, esprit ludique et efficacité informationnelle. La mise en page peut continuer à jouer la modernité pour contre-balancer ata coresteM eniMendeBit, oMnis saPid qui l’aspect « folklorique » du logo. L’utilisation judicieuse des couleurs d’accompagnement, en sachant rester dans une certaine retenue, cuPtatur siM aM fuGiassunt quia inci suM net permettent d’ajouter une note de fraicheur contemporaine, iPsante cePerfe rferior eiusantiat etur ratio et un abord accessible.

eat harit oMMoLuPtiae cusdae euMquia que cuMquaM, idest, conse do INTRO LoREm IPsUmPUDICIDU

N

TITRE LOREM IPSUM

ata coresteM eniMendeBit, oMnis saPid qui cuPtatur siM aM fuGiassunt quia inci suM net iPsante cePerfe rferior eiusantiat etur ratio eat harit oMMoLuPtiae cusdae euMquia que cuMquaM, idest,

N

ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae

NosTRo LoREm IPsUm PUDICIDU CIANDENIsI To oCCULLE sEQUAm RE VoLUPTA QUUNTIUs sAE CoR sITEmPoRIos sUNTEm UTEm VoLUPTIssI TE VENDI VoLoR sUs soLoR ACEPUDAm ETUR? QUIA As Is mI, QUE ET, ET EVERUm HILLIQUE ET INI sIT EsToRRUmQUE

TRo LoREm IPsUm PUDICIDU CIANDENIsI To oCCULLE sEQUAm RE VoLUPTA QUUNTIUs sAE CoR sITEmPoRIos sUNTEm UTEm VoLUPTIssI TE VENDI VoLoR sUs soLoR ACEPUDAm ETUR? QUIA As Is mI, QUE ET, ET EVERUm HILLIQUE ET INI sIT EsToRRUmQUE eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem. Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut lige-

nim aximini ssecus dolupta experec aeperis.

Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis autet od

Ugia vellend igentiur aut delicite id que officius dolupti onsent odionet ipsum reicabor aut ressimpora volorest velit quis moluptatatia prernat.

Mise en page avec des registres variés, des touches de couleurs vives.

La lecture est agréable, les visuels sont mis en valeur : le lecteur se projète dans ses vacances.

TITRETITRE LoREmLOREM IPsUmIPSUM IPsUmIPSUM ETC . ETC. Ugia vellend Ugia igentiur vellend aut igentiur aut delicite id que delicite officius id dolupti que officius dolupti onsent odionet onsent odionet

INTRO LoREm INTRO IPsUmPUDICIDU LOREM IPSUMPUDICIDU CIANDENIsI To CIANDENISI oCCULLE TO sE-OCCULLE SEQUAm RE VoLUPTA QUAMQUUNTIUs RE VOLUPTA QUUNTIUS Ata omnis corestem enimendebit, omnis enimendebit, tet od Ata corestem duntem il illorem ulligenet tet od Ata corestem odEctioenimendebit, duntem il illoremodEctio ulligenet Ata corestem enimendebit, sAE CoR sITEmPoRIos SAE COR sUNTEm SITEMPORIOS sapid qui cuptatur simsapid am fugiasomnis cuptatur sim am conharis et reautaturehene con conem reomnis qui cuptatur sim sapid am qui haris et autaturehene conem sapidSUNTEM qui cuptatur sim am fugiassunt quia sum net ipsante fugiassunt inci restia sum net ip- estrum, perumsust restia prempor estrum, sust quia ceinci sum net ip- quia perum prempor sunt quia inci sum net ipsante ce-inci fugiassunt UTEm VoLUPTIssI UTEM TE VOLUPTISSI VENDI perfe TErferior VENDI perfe rferior etur ratio eat eiusantiat sante ceperfe eiusantiat etur voluptur? sante ceperfe rferior etur rferior voluptur? eiusantiat etur ratio eat eiusantiat ommoluptiae eumquia ratiocusdae eat harit ommoluptiae cusdae proRiorporem harit ommoluptiae cusdaeharit eumquia ratiocusdae eat harit ommoluptiae Riorporem fugitionse exero ma fugitionse pro exero ma VoLoR sUs soLoR VOLORACEPUDAm SUS SOLOR que ACEPUDAM que cumquam, idest, conse eumquia idest, conseam eossintiust, dolorpo rporepudis am eossintiust, cumquam, idest, conse dolorum eumquia quedolorum cumquam, idest, conseque cumquam, dolorpo rporepudis volecum quidebi tinvedolorum ipis sequid quideiusant, voluptas plique re, sed mi, volecum ipis sequid quidebi tinve-ipis sequid dolorum volecum ipis sequid quide-volecum iusant, voluptas plique re, sed mi, ETUR? QUIA As Is mI,QUIA QUEASET,IS MI, ETUR? QUE ET, cumnim cum ut bi tinvenim cum inctur?Icto ex ea cum quaecab nim iusa döluptatio ut iusa fugitdöluptatio bi tinvenim iusafugit döluptatio cum ut iusaquidöluptatio inctur?Icto exutea cumquiquaecab pero eos quatem eospero viditeos voloriovidit voorectisqui aborrup taturibusam qui quatem eos vidit voloriofugit quatem eosfugit viditpero vo- eos quatem orectis eos aborrup taturibusam ET EVERUm HILLIQUE ET INIHILLIQUE sIT pero ET EVERUM ETeosla INI la estinct ustempolarectur lorioriore pel est id explit res rempedici riore estinctSIT ustemporiore rectur a lorioriore estinctaustempo recturla estinct oditaeustempo pel est idrectur explit resoditae rempedici nonseri beatem. a quiantur, nis nonseri beatem. rrovid ut lit ilit abo. Nem quiantur, quis nis nonseriquiantur, beatem. quis nis a quiantur, quis nis nonseri beatem. quisoccusae rrovid ut lit ilit occusae abo. Nem quos eossincia quam, aceseququam,Etacesequ quos eossincia quam, acesequ evenemporat Et quos eossincia quam,Etacesequ Et quos eossincia evenemporat aut es simolum aut aut es simolum aut

CIANDENIsI To oCCULLE sEQUAm RE VoLUPTA QUUNTIUs sAE CoR sITEmPoRIos sUNTEm UTEm VoLUPTIssI TE VENDI VoLoR sUs soLoR ACEPUDAm ata corestem enimendebit, omnis sapid ETUR? QUIA As Is mI, QUE ET, qui cuptatur sim am fugiassunt quia inci ET INI sIT ET EVERUm HILLIQUE

Ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem.

Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis au-

tet od Ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem.

Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis autet

odEctio duntem il illorem ulligenet haris et autaturehene con conem reperum restia prempor estrum, sust voluptur?

Riorporem fugitionse pro exero ma dolorpo rporepudis am eossintiust, iusant, voluptas plique re, sed mi, qui inctur?Icto ex ea cum quaecab orectis aborrup taturibusam qui oditae pel est id explit res rempedici occusae rrovid ut lit ilit abo. Nem evenemporat aut es simolum aut erspero volore vel in et moluptatur a quiasimus eatem re con prepratur santinis doluptium ipsunti aspicia ecatet ium litia imi, into to blacerunt. Fugitis ditae volupta tatios modi aut laceatur? Acerum laceaqui remolo

sum net ipsante ceperfe rferior eiusantiat corestem enimendebit, omnis etur ratio eat harit ommoluptiae Ata cusdae sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceeumquia que cumquam, idest, conse doperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia cumquam, idest, conse dolorum lorum volecum ipis sequid quidebiquetinvevolecum ipis sequid quidebi tinvenim iusa eos döluptatio cum ut fugit nim iusa döluptatio cum ut fugit pero pero eos quatem eos vidit volorioquatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem. Et quos eossincia quam, acesequ Mieux vautip-1 bon visuel que plusieurs très moyens. iaspide liquamus, que sit prate di aspiet sam assit volupid quunt magnient aperrum il On privilégiera des insertions de visuels choisis avec soin. magnati ut doloremporum faccumendam Mieux vaut un faces dolupturia net unto dolorempor resgrand visuel de qualité que plusieurs d’intérêt mineur et deienmoindre qualité. On ne peut pas toujours tout ex eius, simus ut adi dolore nulparc duci duciisc iisquia dolore volupta sumun ou même plusieurs visuels. raconter dans volore aut ligenim aximini ssecus dolupta Mieux vaut faire des choix. experec aeperis autet od

tet od Ata corestem enimendebit, Ata corestem enimendebit, omnis omnis sapid qui cuptatur sim am sapid qui cuptatur sim am fugiasfugiassunt quia inci sum net ipsunt quia inci sum net ipsante cesante ceperfe rferior eiusantiat etur perfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia ratio eat harit ommoluptiae cusdae que cumquam, idest, conse dolorum eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidevolecum ipis sequid quidebi tinvebi tinvenim iusa döluptatio cum ut nim iusa döluptatio cum ut fugit pero eos quatem eos vidit voloriofugit pero eos quatem eos vidit voriore la estinct ustempo rectur a lorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem. quiantur, quis nis nonseri beatem. misequam, en page peutEts’agrémenter Et quosLa eossincia acesequ quos eossincia quam, acesequ iaspide liquamus, que sit prate di iaspide de liquamus, que sit prate di silhouettes illustratives permettant aspiet ipsam assit volupid quunt aspiet ipsam assit volupid quunt d’habiller les blocs ou de commenter magnient aperrum il magnati ut magnient aperrum il magnati ut doloremporum faccumendamautrement faces doloremporum faccumendam faces visuellement que par une photo. dolupturia net unto dolorempor res dolupturia net unto res vocation Elles ontdolorempor aussi une immersive, ex eius, simus ut adi dolore nulparc ex eius, simus ut adi dolore nulparc et deiisquia projection pourienduci le lecteur. ienduci duciisc dolore volupduciisc iisquia dolore volupta sum parcimonie. volore aut ligenim aximini ta sum volore aut ligenim Attention, à aximini utiliser avec ssecus dolupta experec aeperis aussecus dolupta experec aeperis autet

Utilisation de pictogrammes et de silhouettes vectorielles

Ne pas en abuser Privilégier des titres sobres pour une meilleure lisibilité (pas d’utilisation systématique des bandeaux, réservés aux couvertures).

TITRE LOREM IPSUM IPSUM ETC. Ugia vellend igentiur aut delicite id que officius dolupti onsent odionet

À savoir : Ugia vellend igentiur aut delicite id que officius dolupti onsent odionet ipsum.

Charte graphique Hautes Vosges d’Alsace — P. 25

TITRE LoREm IPsUm IPsUm ETC .

Ugia vellend igentiur aut delicite id que officius dolupti onsent odionet

INTRO LoREm IPsUmPUDICIDU CIANDENIsI To oCCULLE sEQUAm RE VoLUPTA QUUNTIUs sAE CoR sITEmPoRIos sUNTEm UTEm VoLUPTIssI TE VENDI VoLoR sUs soLoR ACEPUDAm ETUR? QUIA As Is mI, QUE ET, ET EVERUm HILLIQUE ET INI sIT Ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorio-

Ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem.

Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis au-

tet od Ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem.

Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis autet

odEctio duntem il illorem ulligenet haris et autaturehene con conem reperum restia prempor estrum, sust voluptur?

Riorporem fugitionse pro exero ma dolorpo rporepudis am eossintiust, iusant, voluptas plique re, sed mi, qui inctur?Icto ex ea cum quaecab orectis aborrup taturibusam qui oditae pel est id explit res rempedici occusae rrovid ut lit ilit abo. Nem evenemporat aut es simolum aut erspero volore vel in et moluptatur a quiasimus eatem re con prepratur santinis doluptium ipsunti aspicia ecatet ium litia imi, into to blacerunt. Fugitis ditae volupta tatios modi aut laceatur? Acerum laceaqui remolo

Charte graphique Hautes Vosges d’Alsace — P. 26

TITRE LOREM IPSUM ata coresteM eniMendeBit, oMnis saPid qui cuPtatur siM aM fuGiassunt quia inci suM net iPsante cePerfe rferior eiusantiat etur ratio eat harit oMMoLuPtiae cusdae euMquia que cuMquaM, idest, conse do

N

TRo LoREm IPsUm PUDICIDU CIANDENIsI To oCCULLE sEQUAm RE VoLUPTA QUUNTIUs sAE CoR sITEmPoRIos sUNTEm UTEm VoLUPTIssI TE VENDI VoLoR sUs soLoR ACEPUDAm ETUR? QUIA As Is mI, QUE ET, ET EVERUm HILLIQUE ET INI sIT EsToRRUmQUE

ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem. Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis autet od

Ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem.

Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis au-

tet od Ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem.

Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis autet

À savoir : Ugia vellend igentiur aut delicite id que officius dolupti onsent odionet ipsum.

Charte graphique Hautes Vosges d’Alsace — P. 27

TITRE LOREM IPSUM ata coresteM eniMendeBit, oMnis saPid qui cuPtatur siM aM fuGiassunt quia inci suM net iPsante cePerfe rferior eiusantiat etur ratio eat harit oMMoLuPtiae cusdae euMquia que cuMquaM, idest,

N

ata corestem enimendebit, omnis sapid qui cuptatur sim am fugiassunt quia inci sum net ipsante ceperfe rferior eiusantiat etur ratio eat harit ommoluptiae cusdae

NosTRo LoREm IPsUm PUDICIDU CIANDENIsI To oCCULLE sEQUAm RE VoLUPTA QUUNTIUs sAE CoR sITEmPoRIos sUNTEm UTEm VoLUPTIssI TE VENDI VoLoR sUs soLoR ACEPUDAm ETUR? QUIA As Is mI, QUE ET, ET EVERUm HILLIQUE ET INI sIT EsToRRUmQUE

eumquia que cumquam, idest, conse dolorum volecum ipis sequid quidebi tinvenim iusa döluptatio cum ut fugit pero eos quatem eos vidit volorioriore la estinct ustempo rectur a quiantur, quis nis nonseri beatem. Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut lige-

nim aximini ssecus dolupta experec aeperis.

Et quos eossincia quam, acesequ iaspide liquamus, que sit prate di aspiet ipsam assit volupid quunt magnient aperrum il magnati ut doloremporum faccumendam faces dolupturia net unto dolorempor res ex eius, simus ut adi dolore nulparc ienduci duciisc iisquia dolore volupta sum volore aut ligenim aximini ssecus dolupta experec aeperis autet od

Ugia vellend igentiur aut delicite id que officius dolupti onsent odionet ipsum reicabor aut ressimpora volorest velit quis moluptatatia prernat.

Charte graphique Hautes Vosges d’Alsace — P. 28

7.

Choix iconographiques

Charte graphique Hautes Vosges d’Alsace — P. 29

choisir de bons visuels Une communication touristique efficace ne peut absolument pas se passer de bons visuels.

Les photos doivent être de qualité professionnelle pour mettre en valeur les Hautes Vosges d’Alsace et leurs atouts. Privilégier donc les visuels de qualité.

Les photos doivent représenter un maximum de personnes en situation pour permettre aux touristes de se projeter plus facilement, par identification.

choisir de bons visuels Il est vivement conseillé de créer au fil du temps une photothèque commune pour les éditions en commun, afin de renouveler régulièrement les visuels d’appel.

En effet, l’utilisation systématique des mêmes photos nuit à l’offre touristique proposée. Il peut être judicieux d’investir de temps à autre dans un photo-reportage, ou d’acheter des clichés aux photographes professionnels locaux dont les photothèques sont souvent riches d’images de la destination.

Charte graphique Hautes Vosges d’Alsace — P. 30

TiTre DocumenT Bandeau Générique

TiTre DocumenT Bandeau Générique

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

visuels complémentaires Sur les affiches promotionnelles et les couvertures, les images peuvent être doubles.

On privilégiera une grande photo humanisée, accompagnée d’un détail photographique dans le second registre.

Charte graphique Hautes Vosges d’Alsace — P. 31

8.

Logo partenaire

Charte graphique Hautes Vosges d’Alsace — P. 32

insertion Le logo partenaire s’insère en bordure de document (dans le même esprit que le logo Tourisme Alsace). Il se place en couverture d’une publication, en page d’accueil d’un site ou sur une affiche ou affichette.

guides d’insertion du logo De la marge d’impression est prévue . Pour placer correctement le logo partenaire sur le bord du document à monter, des pointillés sont intégrés aux fichiers Illustrator. Une fois le logo placé, les pointillés peuvent être masqués (réduction du bloc dans sa hauteur).

Bord de document.

Pointillés de limite droite de document

Logo couleur

Logo nuance de gris

taille minimale du logo Le logo partenaire ne doit pas être inférieur à 2 cm de hauteur.

H ≥ 2 cm

≥H

distance au bord Le logo partenaire ne doit pas être inséré trop près du haut ou du pied de page. La distance au bord ne doit pas être inférieure à la hauteur H du logo.

H

≥H

Le logo s’insère sur le bord droit d’un document ou d’un visuel.

version écran La version du logo partenaire pour écran ne comprend pas de débord d’impression.

Donc pas de pointillés.

Charte graphique Hautes Vosges d’Alsace — P. 33

9. gabarits in design : Mode d’emploi

Charte graphique Hautes Vosges d’Alsace — P. 34

Organisation des gabarits : Les document InDesign fournis (couvertures uniquement) comprennent 10 variantes.

Bandeaux bas

Bandeaux haut

Variantes de bandeau (détail)

Page 1

Page 7

Générique

GUIDE PRATIQUE

2 groupes de 5 couvertures :

édition 2013 Lorem ipsum

• Les mises en pages avec bandeau charté en bas • Les mises en pages avec bandeau charté en haut À l'intérieur de chaque groupe : • Une couverture avec bandeau générique • Une couverture avec bandeau Nature • Une couverture avec bandeau Sport & plein air • Une couverture avec bandeau Patrimoine & histoire • Une couverture avec bandeau Gastronomie

GUIDE PRATIQUE édition 2013 Lorem ipsum

GUIDE PRATIQUE édition 2013 Lorem ipsum

hautes-vosges-alsace.fr

Page 2

hautes-vosges-alsace.fr

Page 8

Nature

hautes-vosges-alsace.fr

GUIDE PRATIQUE édition 2013 Lorem ipsum

Tous les éléments fixes sont placés et verrouillés pour éviter tout déplacement involontaires sortant du cadre de la charte.

GUIDE PRATIQUE édition 2013 Lorem ipsum

GUIDE PRATIQUE édition 2013 Lorem ipsum

hautes-vosges-alsace.fr

Page 3

hautes-vosges-alsace.fr

Page 9

Sport & plein air

hautes-vosges-alsace.fr

GUIDE PRATIQUE édition 2013 Lorem ipsum

gabarits existants :

GUIDE PRATIQUE édition 2013 Lorem ipsum

GUIDE PRATIQUE édition 2013 Lorem ipsum

A4 vertical

hautes-vosges-alsace.fr

Page 4

hautes-vosges-alsace.fr

Page 10

Patrimoine & histoire hautes-vosges-alsace.fr

GUIDE PRATIQUE édition 2013 Lorem ipsum

GUIDE PRATIQUE

GUIDE PRATIQUE édition 2013 Lorem ipsum

édition 2013 Lorem ipsum

GUIDE PRATIQUE édition 2013 Lorem ipsum

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

Page 5

A4 horizontal

hautes-vosges-alsace.fr

Page 11

Gastronomie hautes-vosges-alsace.fr

GUIDE PRATIQUE édition 2013 Lorem ipsum

GUIDE PRATIQUE

TITRE LoREm IPsUm sous-titre Lorem ipsum

hautes-vosges-alsace.fr

édition 2013 Lorem ipsum

GUIDE PRATIQUE édition 2013 Lorem ipsum

10 x 21 cm

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr TITRE LoREm IPsUm sous-titre Lorem ipsum

hautes-vosges-alsace.fr

La version 10 x 21 cm ne comprends pas de versions avec le bandeau en bas de page. Le logo quand à lui, est situé exceptionnellement hors du bandeau. hautes-vosges-alsace.fr

Charte graphique Hautes Vosges d’Alsace — P. 35

choix de mise en page et gestion des calques : Pour vous simplifier la vie, et faciliter la cohérence des supports au fil du temps, le document s’organise en une série de calques à afficher ou masquer en fonction de vos besoins et choix de mise en page.

1 2

1. Calque de travail Ce calque servira pour tous les ajouts d’éléments venants en supplément d’une mise en page basique (éclaté promotionnel, etc.)

3

4 5

2. Calques Texte v1-v2-v3 Ces 3 calques sont à sélectionner en fonction de la longueur de votre titre et de votre sous-titre s’il y a lieu.

6

Affichez le calque qui convient à vos contenus et modifiez le texte.

Texte v1 • Titre grand en 1 ligne (très court) ou 2 lignes (sans sous-titre dans ce cas) • Sous-titre accessoire en 1 ou 2 lignes

Texte v2 •T itre petit en 1 ligne uniquement • Sous-titre en 2 lignes

TITRE LoREm IPsUm

TITRE LoREm IPsUm

sous-titre Lorem ipsum

TITRE LoREm IPsUm

sous-titre Lorem ipsum

sous-titre Lorem ipsum

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

3. Calques Alsace tourisme

Vous avez la possibilité en fonction de vos visuels, de choisir entre une version blanche ou une version rouge du logo tourisme-alsace.com (Cf. Charte partagée Tourisme Alsace jointe).

Rendez visible la version retenue et masquez l’autre.

Texte v3 • Titre petit en 2 lignes ou 3 lignes (sans sous-titre dans ce cas) • Sous-titre en 1 ligne uniquement (version titre en 2 lignes)

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

Alsace tourisme blanc

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

Alsace tourisme rouge

GUIDE PRATIQUE

TITRE LoREm IPsUm

Charte graphique Hautes Vosges d’Alsace — P. 36

édition 2013 Lorem ipsum

sous-titre Lorem ipsum

Signature web 1

4. Calques Signatures web Vous avez la possibilité de choisir entre 2 versions pour la « signature web » en bas de chaque document (adresse du site internet).

Signature web 2

hautes-vosges-alsace.fr

Rendez visible la version retenue et masquez l’autre.

hautes-vosges-alsace.fr

Le contenu de la signature ne doit en aucun cas être modifié.

Pour mémo, dans un format de proportions type A4, la signature ne dépassera pas en largeur le 1/3 de la largeur du document.

Dans un format types 10x21, elle ne dépasse pas la moitié de la largeur du document.

5. Calque Éléments fixes Ce calque comprends les éléments récurrents que vous ne devez en aucun cas modifier :

Calque grande image seul Le calque « 2e image » est masqué.

2 calques actifs Version bandeau bas

2 calques actifs Version bandeau haut

• logo Hautes Vosges d’Alsace • bandeaux

TITRE LoREm IPsUm sous-titre Lorem ipsum

6. Calques images Vous avez 2 possibilités pour l’insertion de visuels photos dans vos couvertures : • Insertion d’un seul visuel pleine page Ce qui correspond au calque « grande image. Le calque « 2e image » doit être masqué dans ce cas) • I nsertion de 2 visuels dans les blocs présents sur chacun des 2 calques.

Attention !

Le bloc de la 2e image ne doit jamais changer de proportion.

Dans la version avec le bandeau titre en bas, l’image va du bord inférieur de la page au bord inférieur du bandeau.

Dans la version avec le bandeau en haut, elle s’étend du haut de la page jusqu’au bord inférieur du bandeau.

TITRE LoREm IPsUm

TITRE LoREm IPsUm

sous-titre Lorem ipsum

sous-titre Lorem ipsum

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

Exemples de mises en pages.

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

TiTre DocumenT Bandeau Générique

TiTre DocumenT

TiTre DocumenT

Bandeau Générique

Bandeau Générique

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

hautes-vosges-alsace.fr

Charte graphique Hautes Vosges d’Alsace — P. 37

Couleurs d’accompagnement : Une couleur d’accompagnement est à choisir en fonction du (des) visuel(s) de couverture. Les éléments à passer dans cette couleur sont par défaut teintés de la couleur nommée « Couleur à remplacer ».

!

!

TITRE LoREm IPsUm sous-titre Lorem ipsum

hautes-vosges-alsace.fr

Il vous suffit de supprimer cette couleur (cf. illus. glisser/déposer la couleur dans la poubelle de la palette, et de la remplacer par la couleur désirée de la palette (cf. boîte de dialogue ci-dessous).

hautes-vosges-alsace.fr

Attention !

La couleur de remplacement doit être dans la mesure du possible une couleur chartée présente dans la palette de couleurs. Si d’aventure vous ne trouviez pas une couleur convenant à vos besoins dan la palette, vous pouvez en créer une nouvelle, dans la mesure où celle-ci est en harmonie avec les couleurs du logo.

La couleur d’accompagnement générique (donc par défaut) est le vert c75m0y100k0

Styles de paragraphe des titres : Un style de titre par taille de titre & un style de paragraphe pour les sous-titre.

Attention !

Vous n’avez aucuns besoins de modifier ni la taille ni les espacements, ni les échelles de glyphes.

!

Charte graphique Hautes Vosges d’Alsace — P. 38

10. supports de communication courante

Charte graphique Hautes Vosges d’Alsace — P. 39

pour une communication cohérente : Afin d’offrir à la destination « Hautes Vosges d’Alsace » une image cohérente, une papeterie commune a été conçue pour tous les Offices de Tourisme. À chacun de personnaliser coordonnées et intitulés dans les fichiers qui leurs seront fournis. En effet, tous les supports de communication courante sont fourni en fichiers natifs InDesign, modèles Word, ou PowerPoint.

Pour les cotes et mesures, merci de se référer aux fichiers natifs déjà calés.

Ces calages ne doivent pas être modifiés.

En-tête de lettre :

BUREAU D’ACCUEIL DE CERNAy 1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 75 50 35 Fax : +33 (0)3 89 75 50 35 contact@hautes-vosges-alsace.fr

Mme Juncker Société Untel & compagnie 1, rue Jacquenot 25000 beSANÇON Cernay, le 15 avril 2013 ObJeT : demande de renseignements.

Madame, Magnimped maios sint et aperionsequi simet landaepti cuptat aut eaquo everum enditat ionsequoditi assequae qui con nones apictio. ostem quo et alitaqui conseque et dollaut vellore corporum facestium aut volupta tiorerro eatur am ad que ilitatiamus nonsent plis dolest rerum con re ilis ressit autemquo odios incit, ius minus.

Lorehendi odis sum simodig enimporem sae. harit dolupta dolorio volupta pos vellab incimagnam autem re, que nis aborum rem is non endusda quidele necerio nsequissi consequam renda quam, consequatum inimil imosse nus elit, is ipsandis iundis mi, optas volo is iunde ium qui comnihi llabore ctatiusam, tes esenet moluptur as serecab orepre nonsequam, sit et quis mi, in nes repel est, que velicipsam sitasimenis earum apid moluptium cum alici intio volores de voluptam et apiet restrument apeliquam, suntisque iunte pediti to in nis quo elenit omnis nulparibus voluptaqui volutem aut et veligenihic tet occum con nis maion corit abo. nam, con non eum fuga. aximosant aut ullam simod quia quiatur, sequi dolum iditiae nihiliae lam quia volorem re nulpa idis doluptae dolore nonsera tecepeliqui berci dolutem faccabo. et velit, aspis si voluptas autatia sin corem quisitat maio. nam a alitatem que posseque nusam, et restiatiae neseque corrovitia dolorest, evera vendelent qui atque seque et volupic itibus, que poristrum ut perio tem que vellestiis mi, sus magni te posto escipsam quae. nam ipid quisit, sequias es et ipitatur aut eum quam exeratus sed quis volor sunt. sincères salutations, L. Schmidt, responsable etc.

Association inscrite au Tribunal de Thann sous volume N˚ 21 — N˚Siret : 324 227 651 00027 — code APe : 7990 z N˚d’immatriculation Atout France : LV068110001

Marque repère pour un pliage plus facile en 3 volets.

Charte graphique Hautes Vosges d’Alsace — P. 40

carton de correspondance

BUREAU D’ACCUEIL DE CERNAy 1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 75 50 35 — Fax : +33 (0)3 89 75 50 35 — contact@hautes-vosges-alsace.fr

cartes de visite AmÉLIE sCHmIDT

chargée de mission

1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 23 56 48 — Mob. : +33 (0)6 61 57 01 87 Fax : +33 (0)3 89 23 56 48 a.schmidt@hautes-vosges-alsace.fr www.hautes-vosges-alsace.fr

• Recto cartes de visites à personnaliser.

• Le verso existe en 2 versions : 2 accroches différentes, comme souhaité par le client.

• La photo de fond du verso est personnalisable, carte par carte.

L’ALSACE, LA MONTAGNE EN PLUS

DES BALLONS D’OXYGÈNE & DE GRANDS CRUS

Charte graphique Hautes Vosges d’Alsace — P. 41

enveloppes 210 x 110 mm

BUREAU D’ACCUEIL DE CERNAy 1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 75 50 35 / Fax : +33 (0)3 89 75 50 35 contact@hautes-vosges-alsace.fr

Mme Juncker Société Untel & compagnie 1, rue Jacquenot 25000 beSANÇON

BUREAU D’ACCUEIL DE CERNAy 1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 75 50 35 / Fax : +33 (0)3 89 75 50 35 contact@hautes-vosges-alsace.fr

Mme Juncker Société Untel & compagnie 1, rue Jacquenot 25000 beSANÇON

Charte graphique Hautes Vosges d’Alsace — P. 42

enveloppes 229 x 162 mm

BUREAU D’ACCUEIL DE CERNAy 1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 75 50 35 / Fax : +33 (0)3 89 75 50 35 contact@hautes-vosges-alsace.fr

Mme Juncker Société Untel & compagnie 1, rue Jacquenot 25000 beSANÇON

BUREAU D’ACCUEIL DE CERNAy 1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 75 50 35 / Fax : +33 (0)3 89 75 50 35 contact@hautes-vosges-alsace.fr

Mme Juncker Société Untel & compagnie 1, rue Jacquenot 25000 beSANÇON

Charte graphique Hautes Vosges d’Alsace — P. 43

enveloppes 324 x 229 mm

BUREAU D’ACCUEIL DE CERNAy 1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 75 50 35 / Fax : +33 (0)3 89 75 50 35 contact@hautes-vosges-alsace.fr

Mme Juncker Société Untel & compagnie 1, rue Jacquenot 25000 beSANÇON

BUREAU D’ACCUEIL DE CERNAy 1, rue Latouche – 68700 cernay Tél. : +33 (0)3 89 75 50 35 / Fax : +33 (0)3 89 75 50 35 contact@hautes-vosges-alsace.fr

Mme Juncker Société Untel & compagnie 1, rue Jacquenot 25000 beSANÇON

Charte graphique Hautes Vosges d’Alsace — P. 44

Signatures mails Typographie de corps de texte : Trebuchet, comme défini au chapitre 4.

Variante avec baseline en Yanone kaffeesatz

Charte graphique Hautes Vosges d’Alsace — P. 45

Powerpoint Page de garde du document Photo à adapter à la thématique.

entrée de chapitre variante #1

Diapositive variante #1

Charte graphique Hautes Vosges d’Alsace — P. 46

entrée de chapitre variante #2

Diapositive variante #2

Pour tout complément d’information contactez-nous : Jean W

Design graphique Jean Wollenschneider 16, rue de la Bavière F–90110 Rougemont-le-Château 09 83 61 71 96 06 61 57 01 87 contact@jean-w.fr jean-w.fr

© Jean Wollenschneider 2013 Droits cédés au Syndicat Mixte du Pays Thur-Doller