GOV.UK Design System
GOV.UK デザインシステム / 2012– / Style / Langages d'écran
Le langage de conception que le Government Digital Service du gouvernement britannique publie et maintient pour les services publics. Tout tient dans une seule colonne alignée à gauche et sans ornement, composée en GDS Transport, et le bouton vert garde ses angles droits en tirant son épaisseur d'un bandeau de vert plus sombre sur son bord inférieur, s'enfonçant exactement de cette épaisseur quand on le presse. Ce qui porte le focus clavier passe au jaune avec un filet noir dessous.
.png)
En un coup d’œil
Signes visuels
- Une seule colonne alignée à gauche, sans ornement, presque sans cadres et sans ombres
- Un bouton vert aux angles droits avec un bandeau de vert plus sombre en bord inférieur, qui s'enfonce exactement de cette épaisseur quand on le presse
- Ce qui porte le focus clavier passe au jaune, avec un filet noir tracé dessous
- Les corps sautent de 48 à 36, 24, 19 puis 16px, sans rien entre eux
Usages idéaux
- Quand on refait une démarche administrative en une seule colonne à gauche qui pose une question par écran
- Quand la position du focus doit être sans équivoque pour quelqu'un qui utilise le service au clavier seul
Utiliser ce style
Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.
Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations
Entrée du dictionnaire
- Typographie
- Une seule linéale, en cinq corps fixes et rien entre eux. Les titres sont gras et le texte courant se pose à 19px.
- Composition
- Tenir le contenu dans une colonne unique et étroite et aligner chaque élément sur un même filet gauche. Pas de mise en page à plusieurs colonnes ni de cadres, car un filet horizontal est la seule coupure entre les sujets.
- Matière
- La couleur est liée au sens et ne sert jamais d'ornement. Les boutons gardent un arrondi nul et tirent leur épaisseur d'un bandeau de leur propre ton plus sombre en bord inférieur. Le focus est toujours un fond jaune souligné de noir.
- Précaution
- Arrondir les angles du bouton ou affiner la bordure des champs pour faire plus propre supprime les deux seuls signaux dont ce style dépend, l'épaisseur pressable et la position du focus.
- Pour approfondir
- the colour usage rules in the Styles section of the GOV.UK Design System / how the focused helper in govuk-frontend produces the yellow ground and the black underline / the origin of the typeface GDS Transport, and why it is distributed for government services alone
Entrées liées
- Neo-grotesque Sans (ネオ・グロテスク)Effets partagés : Trust / Calm.Comparer GOV.UK Design System et Neo-grotesque Sans
- Swiss (スイス・スタイル)Effets partagés : Trust / Calm.Comparer GOV.UK Design System et Swiss
Plus de Langages d'écran
Poursuivez avec des styles de Langages d'écran, classés par effets communs.
- Adwaita (アドワイタ)Effets partagés : Technique / Calm / Trust.
- Breeze (ブリーズ)Effets partagés : Technique / Calm / Trust.
- GitHub Primer (GitHub Primer)Effets partagés : Technique / Trust / Calm.
Voir toutes les entrées Langages d'écran
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/govuk-design-system
- Markdown
- [GOV.UK Design System — IndexStyle](https://indexstyle.org/fr/styles/govuk-design-system)
- HTML
- <a href="https://indexstyle.org/fr/styles/govuk-design-system">GOV.UK Design System — IndexStyle</a>