IDENTITITÉ DU FESTIVAL Romain Lefort Marion Colléaux Domitille Zakia Chloé Van Driessche Sylvain Neau Chef de projet Directrice artistique Directrice artistique UX/UI Designer UX/UI Designer
Sommaire Logotype / composition et concept Logotype / cadre technique Page 1 Page 2 Logotype / dimensions Page 3 Logotype / références couleurs Page 4 Logotype / utilisation sur fonds de couleurs Page 5 Logotype / Interdits Page 6 Gamme couleur / couleurs majeures Page 7 Gamme couleur / couleurs d accompagnement Page 8 Univers typographique Page 9 Mise en page / principes et formats Éléments graphiques d accompagnement Papeterie Site web / home page Site web / page 1 Site web / page 2 Site web / page 3 Site web / page 4 Site web / page 5 Page 10 Page 11 Page 12 Page 13 Page 14 Page 15 Page 16 Page 17 Page 18
Logotype / composition et concept Le logotype est composé du nom du festival en Existence Light ainsi que d un symbole graphique évoquant une planète, un univers, la cohésion entre plusieurs pays du monde entier imageant le rôle mais surtout le résultat après 10 années de fête du festival. Il a été créé sous forme d origamie, qui signifie la simplicité. Le logotype est un tout qui doit être respecté dans chacun de ses éléments. 1
Logotype / cadre technique L espace entourant le logotype doit être protégé afin que rien ne vienne perturber sa lisibilité ; il s agit de son cadre technique. Vous pouvez apercevoir le logo Tomorrowland ainsi que sa déclinaison pour le logo Tomorrowworld. 2
Logotype / dimensions La taille du logotype pour le web et les tablettes est de 3,8cm de longueur pour le logotype dans son utilisation horizontale et de 1,55 cm de hauteur. 1,55 cm TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry 3,8 cm Une taille minimale a été définie ; la lisibilité du logotype est altérée. Elle est de 1,52 cm de longueur et de 0,64 cm de hauteur. 1,55 cm TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry 3,8 cm 3
Logotype / références couleurs L identité visuelle du festival est définie autour du rose et du bleu. De façon claire et colorée. Couleurs TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry Noir et blanc TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry 4
Logotype / utilisation sur fonds de couleur #1 Si impression sur fond foncé : utilisation du logo blanc #2 Si impression sur fond clair : utilisation du logo en couleur TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry 5
Logotype / interdits #1 Ne pas étirer TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry #2 Ne pas modifier les couleurs TOMORROWL ND Ye st er da y is H is to ry, To da y is a G if t, T om or ro w is M ys te ry #3 Ne pas détourer 6
Gamme couleur / couleurs majeures Une gamme de couleurs a été définie pour le logo mais aussi l ensemble du site internet ainsi que pour toute papeterie afin de pouvoir diversifier l apparence des supports de communication tout en restant dans une harmonie chromatique. Quatre couleurs ont été choisies dans le cercle chromatique. Blanc à 100% - Essentiellement pour les fonds C 0% M 0% R 255 J 0% V 255 N 0 % B 255 Web #ffffff Vert/bleu - Header, blocs couleurs, icones C 73% M 0% R 26 J 52% V 188 N 0 % B 156 Web #1abc9c Vert/bleu - Bouton, hover, icones C 78% M 9% R 23 J 58% V 168 N 0 % B 139 Web #17a88b Rose - Blocs, boutons, liens, formes du fond C 3% M 92% R 231 J 42% V 58 N 0 % B 104 Web #e73a68 7
Gamme couleur / couleurs d accompagnement Trois couleurs ont été choisies dans le cercle chromatique. Gris foncé - Boutons, textes C 62% M 53% R 95 J 53% V 95 N 24 % B 95 Web #5f5f5f Gris clair- Textes C 42% M 34% R 154 J 35% V 154 N 1% B 154 Web #9a9a9a Noir à 100% - Titres articles C 75% M 68% R 0 J 67% V 0 N 90 % B 0 Web #000000 8
Univers typographique La typographie utilisée pour le logotype est Existence Light. Elle est utilisée uniquement pour la constitution du logotype. Nous avons également ajouté un système de remplissage sur celui-ci qui ne fait pas partie de la typographie. La petite phrase d accroche qui se trouve au-dessous est écrite en Cordia New que nous avons décidé de réutiliser sur notre site web. Existence light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopkrstuvwxyz 1234567890 Cordia New regular CORDIA NEW REGULAR CAPITAL Cordia New italic Cordia New bold Cordia New bold italic 1234567890 9
Mise en page / principes et formats Une mise en page peut être conçue avec une certaine liberté. Cependant, quelques principes élémentaires doivent être observés : les typographies ne doivent jamais être déformées ou ombrées, pour ne pas alourdir la mise en page le texte peut être composé en noir, en couleur sur fond blanc, ou en blanc sur un aplat decouleur, toujours dans le cadre de la gamme de couleurs définie. Papier à en-tête Format papier A4 210 x 297 mm Carte de visite 90 x 55 mm 10
Éléments graphiques d accompagnement Les éléments graphiques d accompagnement concernent les différentes formes géométriques utilisées pour notre univers, les trames, les matières etc. C est un point extrêmement important à prendre en compte pour donner de la matière à nos créations. Nous avons opté principalement pour un univers se rapprochant du mystérieux, des formes géométriques telles que les ronds, les triangles. Il y a également des trames sous formes de pointillés pour rappeler l univers éléctronique. Nous avons ajouté du grain sur certaines images pour leur apporter une certaine épaisseur. Nous avons opté pour une photographie aux couleurs acidulées (ci-dessus) pour donner du mouvement et du dynamisme au site Internet. Nous nous sommes rapprochés du style de Dali en reprenant l univers du dadaisme (cicontre). Les formes recouvrent une partie importante dans l univers que nous avons choisi ainsi que les incrustations de photographies dans celles-ci. 11
12 Papeterie
Site web / home page Espace connexion Inscription Logo bannière principale Menu + barre de recherches Articles 13
Site web / page dreamville Présentation dreamville Séléction d un type de logement Plan 14
Site web / page Tomorrowland Présentation Tomorrowland Programme par weekend Plan 15
Site web / page séjours Séléction d un type de logement Séléction du moyen de transport Description du séjour 16
Site web / page billeterie Liste d attente Moyens de paiements 17
Site web / page boutique Panier Système de filtre 18
Romain Lefort Marion Colléaux Domitille Zakia Chloé Van Driessche Sylvain Neau Chef de projet Directrice artistique Directrice artistique UX/UI Designer UX/UI Designer