GOV.UK Design System
GOV.UK デザインシステム / 2012– / Style / Systèmes de design
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.
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
.png)
Entrée du dictionnaire
- 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
- 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
- GOV.UK Design System の Styles にある色の使用規則 / govuk-frontend の focused ヘルパーが黄色い地と黒い下線をどう作っているか / GDS Transport という書体の出自と、なぜ政府サービス向けに限って配られるのか
Entrées liées
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>