Système de Design de l'État

Le Système de Design de l’État (DSFR) est l’outil destiné à produire les interfaces officielles des sites en .gouv.fr. Il regroupe un ensemble de règles et de composants réutilisables, pour fournir à la population des services numériques simples, accessibles et reconnaissables.

Commencer à utiliser le DSFR

Découvrir

Un Système de Design, pour qui ?

Le DSFR est réservé aux services de l’État. Découvrez son périmètre d’application pour l’utiliser.

Principes de base et fondamentaux

Le DSFR est basé sur des principes de base qu’il est fondamental de connaître avant de l’utiliser.

Bibliothèque de composants

Le DSFR contient plus de 50 blocs d’interface prêts à l'emploi pour accélérer vos projets.

Modèles et exemples

Le DSFR met à disposition des formulaires types et modèles de page officiels à réutiliser.

Découvrez le Système de Design de l’État en vidéo

Le Système de Design de l’État est un outil créé pour les designers et les développeurs, pour transformer l’expérience numérique des citoyens avec l’État, et accélérer la transformation numérique de l’État.

Son objectif ?

Aider dans le design et le développement des sites et services publics et devenir une référence de qualité et de confiance pour les citoyens.

C’est quoi au juste ?

Des couleurs, une typographie Marianne™ déclinée dans plusieurs graisses, et des composants tels des boutons d’actions, des cartes d’actualités, menu de navigation avec onglets et listes déroulantes, en-têtes de site avec logo, nom du service, et barre de recherche.

Comment le prendre en main ?

Dès la phase de design, 2 librairies à disposition : Sketch et Figma pour concevoir rapidement des wireframes et des maquettes. Et lors du développement, des packages HTML-CSS disponibles sur Git et NPM prêts à l’emploi, pour un gain de temps de production.

Retrouvez tout l’essentiel et plus encore pour construire un site respectant, les normes d’ergonomie, d’accessibilité et les bonnes pratiques HTML/CSS.

Le DSFR est à utiliser pour tous les sites des services de l’État : Ministères, Préfectures, Administrations centrales.

Pour obtenir de l’aide, partager avis et suggestions, être informé des évolutions… Rendez-vous sur systeme-de-design.gouv.fr

Pourquoi utiliser le DSFR ?

Unifier les sites de l’État

Améliorer l’expérience usager

Favoriser l’accessibilité

Réduire
les coûts

Développer en confiance

Une communauté engagée

Le DSFR sur Tchap

La messagerie instantanée des agents de la fonction publique.

Rejoindre la communauté sur Tchap

Les Responsables du Design

Pour vous aider à avancer dans votre projet de refonte au DSFR.

Contacter mon Responsable du Design

Le portail JIRA

Pour envoyer vos demandes de correctifs et d’évolution.

Poser une question à l’équipe DSFR

Dernières actualités

Questions fréquentes

Un système de design ou design system est un ensemble de composants réutilisables, guidé par des standards et une gouvernance, pouvant être assemblés pour construire plusieurs sites Internet.

Le Système de Design de l'État s'adresse aux développeurs et aux concepteurs, qu'ils soient agents publics ou prestataires pour des sites Internet de l'État (Ministères, Administrations centrales, Préfectures, Ambassades, etc.)

Le Système de Design est un standard obligatoire pour les sites de l'État depuis la circulaire n°6411-SG relative à la lisibilité des sites internet de l'État et de la qualité des démarches numériques. Nous vous invitons à consulter cette page dédiée pour connaître dans le détail les types de sites concernés.

Les composants sont développés par une équipe pluridisciplinaire comptant des développeurs, des concepteurs, des experts en accessibilité. Les composants mis à disposition du public sont conçus en respectant les standards d'accessibilité et sont soumis à différents tests.

Porté et animé par le Service d'Information du Gouvernement (SIG), l’équipe du Système de Design de l'État est composé d’agents publics du SIG, d’experts privés d’agences externes, et de plusieurs institutions ayant pour missions, actions et expériences dans le numérique ou la simplification administrative.

Depuis son lancement, des échanges réguliers ont lieu avec tous les utilisateurs, ainsi que les bureaux web des Ministères ou d’autres administrations afin de les écouter, de les impliquer ou de les tenir informés. C'est en associant largement les acteurs du numérique de l'État que le Système de Design sera utile et meilleur !

Contactez-nous pour que l'on échange ensemble ! Vous aurez ainsi accès à la documentation, aux composants et vous pourrez échanger avec l'équipe et les autres utilisateurs.

Toutes les données des sites en .gouv.fr en un coup d’œil

Visualisez les données d’audience des sites publics et l’ensemble des noms de domaine en .gouv.fr, l’extension réservée aux sites Internet de l’État.

Voir le site