> For the complete documentation index, see [llms.txt](https://docs.score-environnemental.be/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.be/implementation/affichage.md).

# Charte graphique

## Logo

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

<div><figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FcR2arg84ZgUSd9c28eGB%2F1.%20Green-score%20A%2B.svg?alt=media&amp;token=f2832e44-3324-436f-8ae9-cc7c82e6b708" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FnwNCoCQ0AxqBNqE1dT13%2F2.%20Green-score%20A.svg?alt=media&amp;token=27db0c01-904d-4638-95fe-0cf218d9a4d3" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FPZZrYMeXvm1ygKMwrs5s%2F3.%20Green-score%20B.svg?alt=media&amp;token=be7cd17e-a518-4e69-8c8c-2e2011f3d633" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FczezPQggTz3AeMFqjjsf%2F4.%20Green-score%20C.svg?alt=media&amp;token=6c665779-43e7-4257-a8c4-c8856cb0e4ed" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FCsnHb9ADwN6AOhCO2qGr%2F5.%20Green-score%20D.svg?alt=media&amp;token=99b7f6aa-fc94-49eb-a569-bc5273673cc0" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2F0ocm9rfAuCwt9poOiHNK%2F6.%20Green-score%20E.svg?alt=media&amp;token=5eef2c8d-8aa1-423a-b0f3-cf3e36b2f920" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FU9Qxu3kNHWLTrAOd1QRB%2F7.%20Green-score%20F.svg?alt=media&amp;token=685c74eb-d4f0-46f4-94b4-fabb0bc74898" 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><figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2F0ARyipIQlmHxOf2ErlPA%2F1.%20Picto%20-%20A%2B.svg?alt=media&amp;token=629d9d6b-71d9-4bee-be19-9cbd36aaa768" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FcoeZnR4Dzr04urrCtq1C%2F2.%20Picto%20-%20A.svg?alt=media&amp;token=2b339f77-378f-4072-90b0-db2029af65e9" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FWV2VE9X63pHMXmEMMszX%2F3.%20Picto%20-%20B.svg?alt=media&amp;token=5bd952c0-ead8-43e2-aa56-f92ddb975702" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2F7mLCHt2AwDzRl8u90kYj%2F4.%20Picto%20-%20C.svg?alt=media&amp;token=234cc115-46ef-4e37-860f-0f94da99f44f" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FxFFJ0PTwYM7B8eMiRz1j%2F5.%20Picto%20-%20D.svg?alt=media&amp;token=a525e9a4-2a9a-4611-8947-8b945eb36e71" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FHUSu9ymiE5ZXjTWFDZEZ%2F6.%20Picto%20-%20E.svg?alt=media&amp;token=710504b4-d34e-4c75-bfd7-3b608289c74c" alt=""><figcaption></figcaption></figure> <figure><img src="https://1852207798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GZud1mWkzhXrre142LT%2Fuploads%2FgdGn6pNF4Vdzmpw5a8Mt%2F7.%20Picto%20-%20F.svg?alt=media&amp;token=ee1f6ae8-94fa-4620-8eb4-6cdff8c21d2e" alt=""><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/JdDnXobovaII0CpIloQF" %}