U.S. Web Design System
米国Webデザインシステム / 2015– / 양식 / 공공 디자인
검증된 공공 서비스 패턴을 바탕으로 접근 가능하고 모바일 친화적이며 신뢰할 수 있는 미국 연방 웹 서비스를 만드는 공유 시스템이다.
한눈에 판단
시각적 특징
- 흰색, 네이비, 절제된 연방 빨강
- 크고 평범한 제목과 읽기 쉬운 본문
- 공식 사이트 안내 배너
- 명확한 폼, 경고, 단계 표시
적합한 용도
- Public information and government transactions
- Making services consistent across agencies and devices
이 양식 사용하기
짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 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/ko/styles/uswds
- Markdown
- [U.S. Web Design System — IndexStyle](https://indexstyle.org/ko/styles/uswds)
- HTML
- <a href="https://indexstyle.org/ko/styles/uswds">U.S. Web Design System — IndexStyle</a>