DSFR
restrictedDSFR (Système de Design de l'État) is the official design system of the French government, built and maintained by DINUM and the SIG. Its language is institutional and austere: blue-france and red-marianne from the national identity, near-black text on white, square corners, an 8px grid, and the state-reserved Marianne typeface. Accessibility is a legal mandate (RGAA). This entry is reference-only: the visual identity may only be used by French government services, so downloads and API file access are disabled.
best for: Studying government design system patterns · Referencing RGAA-driven accessible UI · French state service teams (identity is reserved to them)
compare this systemThe DSFR visual identity is legally restricted to French state services. This entry is reference-only: downloads and API file access are disabled.
## colors
- primary#000091
- on-primary#FFFFFF
- primary-soft#E3E3FD
- red-marianne#E1000F
- surface#FFFFFF
- surface-alt#F6F6F6
- surface-contrast#EEEEEE
- on-surface#3A3A3A
- on-surface-title#161616
- on-surface-mention#666666
- border#DDDDDD
- info#0063CB
- success#18753C
- warning#B34000
- error#CE0500
## typography
- displayPublic Sans · 2.5rem · 700
- heading-lgPublic Sans · 2rem · 700
- headingPublic Sans · 1.75rem · 700
- bodyPublic Sans · 1rem · 400
- body-smPublic Sans · 0.875rem · 400
- labelPublic Sans · 0.75rem · 400
- codeJetBrains Mono · 0.875rem · 400
## spacing
- xxs4px
- xs8px
- sm12px
- md16px
- lg24px
- xl32px
- 2xl48px
- 3xl64px
## shapes
- none0px
- sm4px
- full9999px
## provenance
fetched 0 times · downloaded 0 times