> 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/components/footer.md).

# Footer

{% hint style="info" icon="figma" %}
Nom du composant : **footer**
{% endhint %}

***

{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=6814-3849&page-id=6814:494&scaling=scale-down-width&starting-point-node-id=6814:3849&t=LHIrysn7T2PmHrKJ-1&viewport=506,92,0.7>" %}

***

### Principes

#### Réassurance

La zone supérieure (icônes et labels) permet d'avoir un rappel immédiat des engagements deVente-unique. La clarté des pictogrammes et la brièveté des textes sont essentielles pour valider la confiance de l'utilisateur juste avant ou après un acte d'achat.

#### Architecture de l'Information

L'organisation en colonnes permet un balayage rapide. L'utilisation de titres clairs et d'une typographie hiérarchisée aide l'utilisateur à distinguer les sections pour trouver une information légale ou pratique sans effort de recherche.

#### Sobriété et Fonctionnalité

Le footer est un espace de fin de parcours. Le design reste sobre, fond neutre, contrastes doux, pour ne pas distraire l'utilisateur, tout en offrant des accès directs aux fonctions utilitaires comme la sélection du pays ou les modes de paiement.

***

### Usage

Le footer s'utilise toujours en fin de page.

***

### Composant lié

{% content-ref url="/pages/dgc3RUEK5fjDafJtjuMe" %}
[Header](/documentation/components/header.md)
{% endcontent-ref %}

{% content-ref url="/pages/utI6jbjr0BB0Yu7tBUm8" %}
[Link](/documentation/components/link.md)
{% endcontent-ref %}

{% content-ref url="/pages/DDFajWrdcKN7601HrslN" %}
[Reinsurance](/documentation/components/reinsurance.md)
{% endcontent-ref %}

{% content-ref url="/pages/Gatn8zJpYCvrMDzkiA4g" %}
[Input](/documentation/components/action.md)
{% endcontent-ref %}
