GOV.UK Design System
GOV.UK デザインシステム / 2012– / Stil / Designsysteme
Die Gestaltungssprache, die der Government Digital Service der britischen Regierung für öffentliche Dienste veröffentlicht und pflegt. Alles läuft in einer einzigen schmucklosen, links ausgerichteten Spalte in der GDS Transport, und die grüne Schaltfläche behält rechte Ecken und gewinnt ihre Dicke aus einem dunkleren grünen Band an der Unterkante, um beim Drücken genau um diese Dicke einzusinken. Was den Tastaturfokus trägt, wird gelb und bekommt eine schwarze Linie darunter.
Eine einzige schmucklose, links ausgerichtete Spalte, fast ohne Kästen und ohne Schatten / Eine grüne Schaltfläche mit rechten Ecken und einem dunkleren grünen Band an der Unterkante, die beim Drücken genau um diese Tiefe einsinkt / Was den Tastaturfokus trägt, wird gelb und bekommt eine schwarze Linie darunter gezogen / Die Schriftgrade springen grob über 48, 36, 24, 19 und 16px, dazwischen gibt es nichts
.png)
Wörterbucheintrag
- Geeignet für
- Wenn ein Antrag der Verwaltung als einspaltiges, links ausgerichtetes Formular mit einer Frage pro Bildschirm neu gebaut wird · Wenn unmissverständlich sein muss, wo der Fokus gerade steht, für jemanden, der den Dienst allein mit der Tastatur bedient
- Typografie
- Nur eine Grotesk, in fünf festen Graden und nichts dazwischen. Überschriften stehen fett, der Fließtext liegt bei 19px.
- Komposition
- Den Inhalt in einer einzigen schmalen Spalte halten und jedes Element an derselben linken Kante ausrichten. Keine mehrspaltigen Layouts und keine Kästen, denn allein eine waagerechte Linie trennt die Themen.
- Material
- Farbe ist an Bedeutung gebunden und dient nie der Zierde. Schaltflächen behalten den Eckenradius null und gewinnen ihre Dicke aus einem Band ihres eigenen dunkleren Tons an der Unterkante. Der Fokuszustand ist immer gelber Grund mit schwarzer Unterstreichung.
- Zu vermeiden
- Wer die Ecken der Schaltfläche rundet oder die Rahmen der Eingabefelder verdünnt, um es hübscher zu machen, löscht die beiden einzigen Signale, auf die dieser Stil sich stützt, die drückbare Dicke und die Lage des Fokus.
- Zum Weiterlesen
- GOV.UK Design System の Styles にある色の使用規則 / govuk-frontend の focused ヘルパーが黄色い地と黒い下線をどう作っているか / GDS Transport という書体の出自と、なぜ政府サービス向けに限って配られるのか
Verwandte Einträge
Diesen Eintrag zitieren
Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.
- Link
- https://indexstyle.org/de/styles/govuk-design-system
- Markdown
- [GOV.UK Design System — IndexStyle](https://indexstyle.org/de/styles/govuk-design-system)
- HTML
- <a href="https://indexstyle.org/de/styles/govuk-design-system">GOV.UK Design System — IndexStyle</a>