> For the complete documentation index, see [llms.txt](https://docs.score-environnemental.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.score-environnemental.com/implementation/affichage.md).

# Charte graphique

## Logo

Le logo est composé d'une feuille de couleur, d'une lettre A, B, C, D ou E et du label "green-score".

<div><figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2FD4RptPMZFIcFMxq2va4g%2F1.%20Green-score%20A%2B%402x.png?alt=media&amp;token=1e06ac0f-32af-4b4a-91b7-2bf0eae4b40d" alt=""><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2FkkrKvx9M6uFK23Lx0WkJ%2F2.%20Green-score%20A%402x.png?alt=media&amp;token=3db1821d-45d4-4f80-b81e-48e1a045a7c3" alt=""><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2F9ylMtx2IBDdrAo8LZ2ZK%2F3.%20Green-score%20B%402x.png?alt=media&amp;token=de900c73-da25-4540-b43b-2ddfe4a7ea84" alt=""><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2FGlGBGkkyA6qM9rn7FDIR%2F4.%20Green-score%20C%402x.png?alt=media&amp;token=7e052281-0f7c-4e26-9f24-560cd0effac2" alt=""><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2Fgm5zLeuRybu1JyXFvM9G%2F5.%20Green-score%20D%402x.png?alt=media&amp;token=f6f4194e-d6ed-4521-abfc-81349f11d1aa" alt=""><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2Fr9i408rED6La3Codc4Ue%2F6.%20Green-score%20E%402x.png?alt=media&amp;token=ee386aba-d6af-4795-ad50-9bf8983a39d9" alt=""><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2FtHIkBQqFNrz4GeIy3gRK%2F7.%20Green-score%20F%402x.png?alt=media&amp;token=a2f83978-de93-4642-9125-12d3f0d574e3" alt=""><figcaption></figcaption></figure></div>

{% content-ref url="/pages/-ME3Sn35DVuALSmKOBqB" %}
[Logo](/implementation/affichage/logo.md)
{% endcontent-ref %}

***

## Picto

Lorsque l'espace est limité, il est possible d'utiliser uniquement le pictogramme pour représenter le Green-score.

<div data-full-width="false"><figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2FefsAEol1klZtuMP9mX8u%2Fleaf-a%2B.png?alt=media&amp;token=701cc7ed-d9b8-4946-a32d-f33ee4aea172" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2FcJ9YU4XVxMGKhY8bTWxx%2Fleaf-ab.png?alt=media&amp;token=7e7907e4-79a4-4668-8339-d178cadfe231" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2Fov00sIjpVjSDZzqrDTYN%2Fleaf-b.png?alt=media&amp;token=4f439673-2b48-427c-a2a6-7d35c8591ae4" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2F4WncmTN6Ty350SJJu8wb%2Fleaf-c.png?alt=media&amp;token=b9e94089-99f3-4380-98e9-5db41ce87c3c" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2FiEzrPfeiB02Hbtc0X9CS%2Fleaf-d.png?alt=media&amp;token=58718e06-e6a7-4fdd-b95c-552db9c3f85d" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2F6889a3TZpD5ztWmD0QM5%2Fleaf-e.png?alt=media&amp;token=d10f1277-d8e1-4fdb-89f3-cf17ac41ceb5" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://1046482763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDRLSK7dnhp2kr8MScw-2584506019%2Fuploads%2FzQ2PRxKcjBXZk1LMrcev%2Fleaf-f.png?alt=media&amp;token=ca7ba99f-1c88-401d-aeff-51efe2018d26" alt="" width="375"><figcaption></figcaption></figure></div>

{% content-ref url="/pages/-Mb0pV2l6DbECq2uYqZA" %}
[Picto](/implementation/affichage/picto.md)
{% endcontent-ref %}

***

## Typographie

La police du titre Green-score est : `VG5000 / Reguar`

Téléchargement : <https://velvetyne.fr/fonts/vg5000/>

***

## Couleurs

L'échelle de couleur (du vert foncé au rouge) est définie dans la page ci-dessous :

{% content-ref url="/pages/-ME3SxLkynJ5jWKRYcNj" %}
[Couleurs](/implementation/affichage/couleurs.md)
{% endcontent-ref %}

***

## Charte graphique

Les règles d'utilisation et la charte graphique sont détaillées ici :

{% file src="/files/C6szpWj6KJsAvzcYuvfQ" %}
Charte graphique Green-score
{% endfile %}