Système de design
Le système de design de l'État est le volet numérique de la marque de l'État : il s'agit d'un ensemble de composants réutilisables régi par des standards et une gouvernance, pouvant être assemblés pour construire des sites internet très variés mais répondant aux mêmes principes graphiques et ergonomiques.
Pourquoi un système de design ?
Créé et maintenu depuis 2020, le système de design de l'État (DSFR) s’est imposé comme un outil essentiel de transformation d'un écosystème numérique constitué de plusieurs milliers de sites internet et applications mobiles. Obligatoire pour tous les sites internet et applications mobiles de l’État depuis le mois de juillet 2023, il permet plus de rapidité dans la création et la mise à jour des sites et garantit la cohérence d’ensemble de l’écosystème pour le bénéfice de ses utilisateurs.
Il permet plus de rapidité dans la création et la mise à jour des sites, apporte davantage de maintenabilité et garantit la cohérence d’ensemble de l’écosystème pour le bénéfice de ses utilisateurs.
À qui s'adresse le système de design de l'État ?
Placé sous Licence Ouverte Etalab 2.0, le système de design de l'État (DSFR) représente l'identité numérique de l'État. Son utilisation est réservée aux designers et développeurs qui conçoivent et font vivre les applications mobiles et les sites de l'État (domaine .gouv.fr).
Ces composants sont indissociables de la marque de l'État. Ils ne peuvent donc pas être utilisés ni reproduits en dehors du cadre institutionnel, afin d'éviter toute confusion sur leur origine, pouvant exposer son auteur à des sanctions pénales.
Chacun peut en revanche consulter le code du DSFR et y contribuer, dans le cadre de la Licence Ouverte Etalab 2.0.
Accéder aux ressources du système de design de l'État
Le système de design de l’État est constitué d'une librairie Figma pour les designers, d'un dépôt de code source pour les développeurs et d'un site internet de documentation pour permettre à chacun d'utiliser l'outil correctement. Les ressources sont régulièrement mises à jour pour améliorer et enrichir ce produit.
Site internet
Retrouvez ici la documentation du système de design de l'État
Librairie Figma
Télécharger la librairie Figma des composants du système de design
Dépôt de code source
Accédez au dépôt de code source du système de design de l'État sur Github