{"id":"uswds","no":557,"name":"U.S. Web Design System","ja":"米国Webデザインシステム","era":"2015–","family":"公共デザイン","kind":"スタイル","collection":"Dictionary expansion 29","addedAt":"2026-08-22","source":{"title":"U.S. Web Design System","url":"https://designsystem.digital.gov/"},"reference":{"status":"verified","pageUrl":"https://designsystem.digital.gov/","credit":"U.S. Web Design System","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Screenshot%20of%20the%20USAgov%20website%20-%20April%2030%202023.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Screenshot%20of%20the%20USAgov%20website%20-%20April%2030%202023.png","credit":"USA.gov のトップページ 2023年 — Wikimedia Commons / Public domain"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Vote.gov%20website%20in%20Bengali%20Screenshot.jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Vote.gov%20website%20in%20Bengali%20Screenshot.jpg","credit":"Vote.gov のベンガル語版画面 2026年 — Wikimedia Commons / CC0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Login.gov%20mobile%20Screenshot%201.02.24.jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Login.gov%20mobile%20Screenshot%201.02.24.jpg","credit":"Login.gov のモバイル画面 2024年 — Wikimedia Commons / Public domain"}]},"essence":"米国連邦政府のウェブサービスを、アクセシブル、モバイル対応、一貫した体験へ揃える公共デザインシステム。旗、公共色、明快な見出し、検証済みのフォームと案内パターンを共有する。","cues":["白地に濃紺と赤の公共色","太い見出しと読みやすい本文","公式サイトを示すバナー","明瞭なフォーム、警告、手順表示"],"intents":["信頼","親密","静けさ"],"works":["行政手続きや公的情報を端末や能力にかかわらず届けるとき","複数省庁のサービスへ一貫した信頼と操作方法を与えるとき"],"recipe":{"type":"大きく平明なサンセリフで、専門語より行動を先に書く。","layout":"公式バナー、主題、手順、入力の順に一列で進め、戻り道を常に残す。","material":"白、濃紺、青を基礎に赤を警告へ限定し、焦点線を太く保つ。"},"avoid":"星条旗色を借りるだけでは公共性にならない。アクセシビリティと検証済みの手順を同時に実装する。","colors":["#FFFFFF","#005EA8","#1A4480"],"motif":"ui","pair":["govuk-design-system","swiss"],"study":["USWDS design principles","Section 508とWCAG","public service patterns"],"en":{"essence":"A shared system for accessible, mobile-friendly and trustworthy U.S. federal web services, built from tested public-service patterns.","cues":["White, navy and restrained federal red","Large plain headings and readable body text","Official-site banner","Clear forms, alerts and step indicators"],"works":["Public information and government transactions","Making services consistent across agencies and devices"],"recipe":{"type":"Write the action before the institution, in large plain language.","layout":"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."},"avoid":"Borrowing patriotic colors is not public-service design. Accessibility and tested task flows must come with them.","study":["USWDS design principles","Section 508 and WCAG","Public-service patterns"]},"links":{"page":"https://indexstyle.org/styles/uswds","json":"https://indexstyle.org/api/styles/uswds","designSpec":"https://indexstyle.org/styles/uswds/design.md","imagePrompt":"https://indexstyle.org/styles/uswds/prompt.txt"},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}