米国政府のデザインシステム

https://gyazo.com/2599c2be502c38d0490f23adcd762844

Principles: USWDS design principles support and reflect the important guidance codified in 21st Century IDEA.

Guidance: USWDS user experience guidance provides best-practice advice for assuring components do what users expect them to do.

Code: USWDS code provides an accessible, mobile-friendly experience across government sites. Teams can contribute new components back to USWDS.

https://gyazo.com/2d17022e0649e72a80e10bd605122a43

Components

Grid, Form, Header, Card などといった部品群。

Design tokens

デザインのデフォルトプリセット

https://gyazo.com/c611ab5b7d1cb4e13ffdf8f770209ffc

Utilities

.margin-105 などの名前付きHTMLスタイル

Templates

Landing Page, Authentication Page などの具体的なテンプレート