<aside> 👉 Le système de design de l’État assure une cohérence visuelle et une meilleure expérience utilisateur sur les sites de l’État.

Il est obligatoire pour tout nouveau site et devra être appliqué sur toutes les outils gouv.fr d’ici 2024. (plus de détails ci-dessous)

</aside>

Pourquoi un système de design ?

• Faciliter le travail des designers et développeurs par la mise à disposition d’éléments prêts à l’emploi de qualité ;
• Unifier les sites de l’État par des composants reconnaissables ;
• Simplifier l’usage des sites pour les citoyens par des règles de fonctionnement communes ;
• Réduire les dépenses publiques par l’économie induite du temps de développement et de design nécessaires.
• Favoriser l’accessibilité, avec des composants pensés pour les différents types de publics.

De quoi est-il composé ?

• les éléments de base : couleurs, typographies, grilles et icônes ;
• une librairie de composants disponibles au format Figma ;
• un ensemble de composants HTML/CSS conformes au RGAA (accessibilité) ;

Comment l’utiliser ?

✏️ Designers

Utilisez le Figma du ministère, les composants sont déjà déployés. Par ici pour en savoir plus sur la conception avec le DSFR.

👾 Développeurs

La documentation est par ici.

🇫🇷 Plus d’infos ?

Visitez le site officiel pour voir la feuille de route, les actualités, la communauté…

Quand doit-on l’utiliser ?

<aside> 👇 Ci-dessous vous trouverez les obligations pour la construction d’outils numériques publics. (DSFR = Design System Français / publié en juillet 2023) Pour plus de précisions, consultez le périmètre d’application.

</aside>