> For the complete documentation index, see [llms.txt](https://wiki.battle-adventure.eu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.battle-adventure.eu/infos/faq/charte-graphique.md).

# Charte Graphique

1. [Notre marque](#notre-marque)
2. [Nos couleurs](#nos-couleurs)
3. [Notre logo](#notre-logo)
4. [Nos polices d'écriture](#nos-polices-decriture)

### Notre marque

Nous portons une attention particulière à l'image de notre serveur. Si tu souhaites utiliser notre image pour quelque chose (vidéos, streams, articles, …), essaie de faire preuve de bon goût et montre-le-nous pour que nous puissions l’approuver.

Si tu as des questions concernant l’utilisation de nos éléments, n’hésite pas à nous contacter via Discord en ticket administration, ou en message privé à Lukabdx#3110.

***

### Nos couleurs

#### Dégradé principal

Ce dégradé est l'élément le plus important des effets de colorimétrie sur l'image de marque du serveur.\
Il reprend les couleurs identitaires : le vert commence dans le haut gauche, et le bleu dans le bas droit.

En web, l'angle utilisé est de 330 degrés : linear-gradient(330deg, #028ACC, transparent) #449D44;

![](https://1623388779-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvELZSPZgSmCUR68fgMqP%2Fuploads%2FEVE5JNk6ewUeZdJkqQXc%2Fbacolor-gradient.png?alt=media\&token=1b3dbf82-35b6-428e-ae8c-29f319fdef1f)

#### Couleurs identitaires

Couleurs d'accent, souvent reconnues comme celles définissant BattleAdventure. Leur utilisation est encadrée et doit être précise.

<table data-view="cards"><thead><tr><th align="center"></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td align="center"><strong>Bleu</strong></td><td>#028ACC</td><td>RGB(2, 138, 204)</td><td><a href="https://1623388779-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvELZSPZgSmCUR68fgMqP%2Fuploads%2FcdgF0u4qOYvomGGGQyQI%2Fbacolor-blue.png?alt=media&amp;token=d7261e4b-3806-42bf-8880-07b5dab26078">bacolor-blue.png</a></td></tr><tr><td align="center">Vert</td><td>#449D44</td><td>RGB(68, 157, 68)</td><td><a href="https://1623388779-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvELZSPZgSmCUR68fgMqP%2Fuploads%2FXzYPzSRga8mVGmXvmbWq%2Fbacolor-green.png?alt=media&amp;token=53ca3a81-473e-44a1-a969-a1eba6304859">bacolor-green.png</a></td></tr><tr><td align="center">Blanc</td><td>#FFFFFF</td><td>RGB(255, 255, 255)</td><td><a href="https://1623388779-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvELZSPZgSmCUR68fgMqP%2Fuploads%2Fs1TG1pHK1cX8lGtVWW9I%2Fbacolor-white.png?alt=media&amp;token=c31ae025-e53a-456f-95ba-e80be2e46337">bacolor-white.png</a></td></tr></tbody></table>

#### Couleurs secondaires

Couleurs plus classiques, qui se placent souvent comme fonds des supports physiques et/ou numériques. Utilisation première de la couleur la plus sombre, puis clareté sur les éléments de contenu : textes, sections, ...

<table data-view="cards"><thead><tr><th align="center"></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td align="center"><strong>Fond</strong></td><td>#252E39</td><td>RGB(37, 46, 57)</td><td><a href="https://1623388779-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvELZSPZgSmCUR68fgMqP%2Fuploads%2FiA2JRHyX8WdyIa3YtnqU%2Fbacolor-bg.png?alt=media&amp;token=369eefe9-2749-4a3b-9dce-2a798b0d5ad8">bacolor-bg.png</a></td></tr><tr><td align="center">Fond clair</td><td>#353E4A</td><td>RGB(53, 62, 74)</td><td><a href="https://1623388779-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvELZSPZgSmCUR68fgMqP%2Fuploads%2FlGqLzmPGtXmEnhJsZ5ni%2Fbacolor-bg-light.png?alt=media&amp;token=e59ccb16-1cb6-4e28-8e57-cc59fb03b619">bacolor-bg-light.png</a></td></tr></tbody></table>

***

### Notre logo

Nous te demandons de ne pas modifier, changer, déformer, recolorer ou reconfigurer le logo BattleAdventure.

![](https://1623388779-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvELZSPZgSmCUR68fgMqP%2Fuploads%2FD9HQxyExjjb891OstUAF%2Fbattleadvendture_rework2.png?alt=media\&token=56b18fc0-64ef-4912-88e6-059589d4e5d8)

***

### Nos polices d'écriture

#### Design web & print

Pour tous nos supports, imprimés ou digitaux, nous utilisons plusieurs polices d'écriture :&#x20;

**TITRAGES :** Neutra Display Titling

**SOUS-TITRAGES :** Neutra Display Light

**TEXTES :** Raleway (Regular / Semi Bold) - [Cette police est disponible sur Google Fonts](https://fonts.google.com/specimen/Raleway)

#### Site web

Sur le site web, nous utilisons la police d'écriture Raleway : avec ses déclinaisons de Medium à Extra Bold. [Cette police est disponible sur Google Fonts](https://fonts.google.com/specimen/Raleway).