> For the complete documentation index, see [llms.txt](https://ds5.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ds5.gitbook.io/documentation/foundations/colors.md).

# Couleurs

### La signification des couleurs

<figure><img src="/files/Xm8mVgeuoUkuZSwQBDXU" alt=""><figcaption></figcaption></figure>

#### Couleurs sémantiques

Les couleurs sémantiques sont des couleurs à utilisation uniques, leur utilisation à pour but de transmettre un message précis. Chaque type de message est associé à une couleur, et aucune autre couleur ne peut la remplacer dans la signification de ce dernier.

<details>

<summary>Rouge</summary>

Le rouge est associé à la négativité, et aux notifications importantes.

</details>

<details>

<summary>Orange</summary>

Associé à l'attention : message d'attention très important, promotion, prix réduit.

</details>

<details>

<summary>Vert</summary>

Associé au succès, au stock, à la livraison et à tous les sujets explicitement positifs.

</details>

<details>

<summary>Bleu</summary>

Associé à l'information, peut représenter une note importante, faire ressortir un détail, prévenir l'utilisateur.

</details>

#### Couleurs neutres

Les couleurs neutres composent 90% de l'interface du site, elles visent à habiller les éléments et clarifier l'interface.

<details>

<summary>Squid (noir)</summary>

Un noir injecté du rouge signature de Vente-unique, se décline en plusieurs teintes accessibles et de fond.

</details>

<details>

<summary>Blanc</summary>

Un blanc accessible, qui diminue légèrement le contraste du site et permet à l'oeil de ne pas s'épuiser pendant la navigation.

</details>

***

### L'utilisation des couleurs

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="image">Cover image</th></tr></thead><tbody><tr><td><strong>Couleurs interactives</strong></td><td>Les couleurs utilisées dans les éléments animés au survol, au clic ou au clavier</td><td><a href="/pages/fGqEydR4qxrvKxZDXM4t">/pages/fGqEydR4qxrvKxZDXM4t</a></td><td><a href="/files/HRhfy3fV14WpAZKYts2r">/files/HRhfy3fV14WpAZKYts2r</a></td></tr><tr><td><strong>Couleurs statiques</strong></td><td>Les couleurs de fonds, de texte, d'icônes, et d'autres éléments non-animés.</td><td><a href="/pages/rRWPiBsnZK3EivGsvWFW">/pages/rRWPiBsnZK3EivGsvWFW</a></td><td><a href="/files/f24EZ8e2fmCe30FxtsJN">/files/f24EZ8e2fmCe30FxtsJN</a></td></tr><tr><td><strong>Couleurs décoratives</strong></td><td>Couleurs hors-charte utilisées dans le cadre de la prolongation des images.</td><td><a href="/pages/O94RbQhbDa6jq0QRZq4S">/pages/O94RbQhbDa6jq0QRZq4S</a></td><td><a href="/files/dkKUHhSKhieGaaf7ViHZ">/files/dkKUHhSKhieGaaf7ViHZ</a></td></tr></tbody></table>