U.S. Web Design System

米国Webデザインシステム / 2015– / 风格 / 公共设计

一个服务于美国联邦网站的共享系统，以经过验证的公共服务模式构建可访问、移动友好且可信赖的服务。

U.S. Web Design System — USA.gov 首页 2023年 — Wikimedia Commons / Public domain — USA.gov 首页 2023年 — Wikimedia Commons / Public domain

U.S. Web Design System — Vote.gov 孟加拉语版界面 2026年 — Wikimedia Commons / CC0 — Vote.gov 孟加拉语版界面 2026年 — Wikimedia Commons / CC0 · CC0

U.S. Web Design System — Login.gov 移动端界面 2024年 — Wikimedia Commons / Public domain — Login.gov 移动端界面 2024年 — Wikimedia Commons / Public domain

快速判断

视觉特征

白色、海军蓝与克制的联邦红
大而朴素的标题和易读正文
官方站点识别横幅
清晰的表单、提示与步骤指示

适用场景

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

使用这一风格

把简短指引带入项目，或将结构化规格交给AI工具。

design.md 图像提示词 JSON API MCP与机器入口组合

在 ChatGPT 中打开在 Claude 中打开在 Google AI 中打开

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体: Write the action before the institution, in large plain language.
版面: Lead from official identity to purpose, steps and input in one clear path.
材料: Use white and navy as the base, blue for links and red only for warning.
注意: Borrowing patriotic colors is not public-service design. Accessibility and tested task flows must come with them.
延伸阅读: USWDS design principles / Section 508 and WCAG / Public-service patterns

相关词条

GOV.UK Design System (GOV.UK デザインシステム)共同感受：Trust / Calm。比较U.S. Web Design System与GOV.UK Design System
Swiss (スイス・スタイル)共同感受：Trust / Calm。比较U.S. Web Design System与Swiss

继续浏览公共设计

从公共设计中按共同感受优先推荐以下词条。

NHS Design System (NHSデザインシステム)共同感受：Trust / Intimacy / Calm。
VA.gov Design System (VA.govデザインシステム)共同感受：Trust / Intimacy / Calm。
WPA Poster (WPAポスター)共同感受：Trust / Intimacy。

查看公共设计全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link: https://indexstyle.org/zh/styles/uswds
Markdown: [U.S. Web Design System — IndexStyle](https://indexstyle.org/zh/styles/uswds)
HTML: <a href="https://indexstyle.org/zh/styles/uswds">U.S. Web Design System — IndexStyle</a>

返回索引中的位置