<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é ;
• optimiser la présence de l’État par des composants reconnaissables ;
• simplifier l’usage des sites Internet pour les citoyens par des règles de fonctionnement communes ;
• optimiser les dépenses publiques par l’économie induite du temps de développement et de design nécessaires.

De quoi est-il

composé ?

• les éléments de base : couleurs, typographies, grilles et icônes ;
• une librairie de composants disponible au format Sketch et 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.

👾 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>

Concrètement ça ressemble à quoi ?

Vous pouvez apercevoir tous les composants sur ce site.

Vous y trouverez aussi des exemples de sites réalisés avec le système de design

Quelques exemples du ministère de la culture (Grand mémorial, Collectif objet, Sibil..)