Abyss - Charte graphique

Page 1

ABYSS

Charte Graphique


Sommaire

Logotype................................................................................................................................................1 — Présentation.........................................................................................................................1 — Couleurs................................................................................................................................. 2 — Utilisation............................................................................................................................... 3 — Déclinaisons........................................................................................................................4 — Typographies & Papeterie.......................................................................................... 5

Site Web................................................................................................................................................ 6 — Structure................................................................................................................................ 6 — Couleurs & Typographie...............................................................................................7


Logotype — Présentation

Le logotype est composé de deux éléments, la typographie et le symbole. Ces deux éléments peuvent vivre individuellement. La typographie adopte un ombrage et plusieurs tailles de caractères. Elle utilise deux couleurs, un jaune et un rouge. Cette typographie est surmontée du deuxième élément : le symbole. Il représente une méduse qui reprend les même couleurs pour composer son dégradé.


Logotype — Couleurs Couleurs

Déclinaisons

L’élément typographique du logo est composé de deux couleurs. Ces deux même couleurs sont appliquées au symbole (méduse) pour former le dégradé final.

Quand le logotype est utilisé sur un fond coloré ou sur une photo qui ne permet pas son utilisation en couleur, on utilise alors le logotype en noir ou en blanc et/ou dans un cartouche selon le cas.

1

1

R : 252 V : 214 B : 174

Web Pantone C : 0% M : 20% #FCD6AE 148C J : 35% N : 0%

2

R : 202 V : 79 B : 121

Pantone C : 20% Web M : 80% #CA4F79 7635C J : 30% N : 0%

2


Logotype — Utilisation Zone d’Exclusion & Taille Minimum

Application

Afin d’assurer une entière visibilité du logotype, une zone d’exclusion a été définie. Celle ci correspond au ‘‘A’’ de ABYSS. Par ailleurs, pour assurer la lisibilité du logo dans sa totalité, une taille minimum de 10mm de largeur est éxigée.

Quand un catouche est nécessaire, il est délimité par le trait extérieur de la zone d’exclusion.

15mm Zone d’Exclusion

Taille Minimum


Logotype — Déclinaisons Déclinaison Typographie

Déclinaison Forme


Logotype — Typographie & Papeterie Typographie d’accompagnement

Papeterie En-tête

La typographie utilisée pour le logotype a été spécialement déssinée pour ce dernier, elle n’existe donc pas dans sa version complète. La typographie préconisée pour accompagner le logotype est la famille helvetica.

Helvetica Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Helvetica Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Mr. Téo Lorand Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci purus, luc-tus vitae dignissim eu, iaculis sed purus. Vivamus faucibus, ipsum nec aliquet viverra, leo mauris condimentum ligula, sit amet sagittis enim ligula quis arcu. Nam egestas tortor id nisi porttitor mattis. In tortor ante, ultricies in suscipit a, tempus non massa. Vivamus et auctor mi. Fusce vel massa nulla. Phasellus nec eros mauris, et scelerisque orci. Donec malesuada orci vitae nulla ac-cumsan porta a id massa. Quisque accumsan iaculis magna sit amet fringilla. Maecenas consequat, magna eget tincidunt semper, odio nibh rutrum mi, id feugiat ante nisi eu risus. Vestibulum nunc orci, rhoncus a placerat in, ultricies in mi. Cras mattis varius eros, vel fringilla nisi suscipit eget. Quisque scelerisque sagittis nulla at porttitor. Mauris a justo et tellus interdum tristique. Sed id augue vitae urna euismod commodo aliquet a quam. Pellen-tesque arcu velit, cursus et malesuada ut, consequat et diam. Nullam erat sem, rhoncus id ullamcorper vitae, rhoncus et arcu. In ultricies ultricies nulla, ut rutrum nisi iaculis at. Donec eu magna a metus ornare faucibus. Fusce aliquet faucibus ultricies. Morbi semper, est id tincidunt gravida, sem arcu adi-piscing lacus, ac bibendum nulla leo eu purus. Quisque nec diam sed risus consectetur a ccumsan quis quis nibh. Vestibulum id purus lorem. Jérémy Leclaire

Helvetica Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

06 77 04 57 06 abyssmusicband@gmail.com abyssmusicband.wix.com/abyss


Site Web — Structure Menu Accueil

Pages Liens Réseaux Sociaux

Pied de page

La page d’accueil est une page déroulante. Sa structure ne change jamais.

Le menu et le pied de page sont des éléments communs à toutes les pages. Ils ne changent jamais. Le menu se déplace avec le déroulement de la page.

Les différentes pages adoptent leurs propres structures. Elles évoluent toujours sur fond noir.


Site Web — Couleur & Typographie Couleurs

Typographie Helvetica Light R:9 V : 51 B : 76

C : 100% M : 73% J : 43% N : 43%

Web #09334C

R : 13 V : 42 B : 62

C : 100% M : 77% J : 47% N : 53%

Web #0D2A3E

R:7 V : 25 B : 36

C : 100% M : 78% J : 54% N : 74%

Web #071924

R : 28 V : 28 B : 27

C : 0% M : 0% J : 0% N : 100%

Web #1C1C1B

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Tailles des Polices

Titres

48px

Sous-Titres

24px

Textes

15px


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.