U.S. Web Design System

米国Webデザインシステム / 2015– / Stil / Öffentliches Design

Ein gemeinsames System für zugängliche, mobilfreundliche und vertrauenswürdige Webdienste der US-Bundesverwaltung, aufgebaut aus geprüften Mustern des öffentlichen Dienstes.

U.S. Web Design System — Startseite von USA.gov, 2023 — Wikimedia Commons / Public domain — Startseite von USA.gov, 2023 — Wikimedia Commons / Public domain

U.S. Web Design System — Vote.gov auf Bengalisch, 2026 — Wikimedia Commons / CC0 — Vote.gov auf Bengalisch, 2026 — Wikimedia Commons / CC0 · CC0

U.S. Web Design System — Mobiler Bildschirm von Login.gov, 2024 — Wikimedia Commons / Public domain — Mobiler Bildschirm von Login.gov, 2024 — Wikimedia Commons / Public domain

Auf einen Blick

Visuelle Merkmale

Weiß, Marineblau und zurückhaltendes Bundesrot
Große schlichte Überschriften und gut lesbarer Text
Banner für offizielle Webseiten
Klare Formulare, Hinweise und Schrittanzeigen

Geeignet für

Public information and government transactions
Making services consistent across agencies and devices

Diesen Stil verwenden

Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.

design.md Bild-Prompt JSON API MCP und Maschinenzugriff Verbinden

in ChatGPT öffnen in Claude öffnen in Google AI öffnen

Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate

Wörterbucheintrag

Typografie: Write the action before the institution, in large plain language.
Komposition: Lead from official identity to purpose, steps and input in one clear path.
Material: Use white and navy as the base, blue for links and red only for warning.
Zu vermeiden: Borrowing patriotic colors is not public-service design. Accessibility and tested task flows must come with them.
Zum Weiterlesen: USWDS design principles / Section 508 and WCAG / Public-service patterns

Mehr aus Öffentliches Design

Weitere Stile aus Öffentliches Design, nach gemeinsamen Wirkungen geordnet.

NHS Design System (NHSデザインシステム)Gemeinsame Wirkungen: Trust / Intimacy / Calm.
VA.gov Design System (VA.govデザインシステム)Gemeinsame Wirkungen: Trust / Intimacy / Calm.
WPA Poster (WPAポスター)Gemeinsame Wirkungen: Trust / Intimacy.

Alle Einträge aus Öffentliches Design ansehen

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/uswds
Markdown: [U.S. Web Design System — IndexStyle](https://indexstyle.org/de/styles/uswds)
HTML: <a href="https://indexstyle.org/de/styles/uswds">U.S. Web Design System — IndexStyle</a>

Zurück zur Position im Index