U.S. Web Design System
米国Webデザインシステム / 2015– / Style / Public Design
A shared system for accessible, mobile-friendly and trustworthy U.S. federal web services, built from tested public-service patterns.
At a glance
Visual cues
- White, navy and restrained federal red
- Large plain headings and readable body text
- Official-site banner
- Clear forms, alerts and step indicators
Best used for
- Public information and government transactions
- Making services consistent across agencies and devices
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- Write the action before the institution, in large plain language.
- Composition
- 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.
- Caution
- Borrowing patriotic colors is not public-service design. Accessibility and tested task flows must come with them.
- Further study
- USWDS design principles / Section 508 and WCAG / Public-service patterns
Related entries
- GOV.UK Design System (GOV.UK デザインシステム)Shared effects: Trust / Calm.Compare U.S. Web Design System and GOV.UK Design System
- Swiss (スイス・スタイル)Shared effects: Trust / Calm.Compare U.S. Web Design System and Swiss
More from Public Design
Continue through styles in the same Public Design family, prioritised by shared effects.
- NHS Design System (NHSデザインシステム)Shared effects: Trust / Intimacy / Calm.
- VA.gov Design System (VA.govデザインシステム)Shared effects: Trust / Intimacy / Calm.
- WPA Poster (WPAポスター)Shared effects: Trust / Intimacy.
Browse all Public Design entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/uswds
- Markdown
- [U.S. Web Design System — IndexStyle](https://indexstyle.org/styles/uswds)
- HTML
- <a href="https://indexstyle.org/styles/uswds">U.S. Web Design System — IndexStyle</a>