The U.S. Web Design System documentation website, a design system for the federal government.

Federal website standards will help agencies provide high-quality, consistent digital experiences for everyone. The standards cover common visual and technical elements and reflect user experience best practices.

A Federalist template that uses the U.S. Web Design Standards Jekyll theme

A form template for prototyping a screener experience with customizable questions, resources, and radio button answer choices.

A starting point for rapid web prototyping using a hosted version of the U.S. Web Design System

Website for the United States Access Board, built on Federalist and USWDS.

My resume, in JSON

The Code for America Honeycrisp theme and component library, recreated using the U.S. Web Design System with components for Thymeleaf and Ruby.

Angular Starter with US Web Design System (USWDS)

Extend the default font options for the U.S. Web Design System by adding theme settings and font files for more typefaces from Google Fonts

Low-code prototyping toolkit based on Markdown, USWDS, and Jekyll

Guidance on how designers can progressively understand and apply the use of design tokens in their work

Working installation of USWDS you can view on GitHub Pages or edit on Gitpod. Use for troubleshooting installation issues or trying something out in a sandbox environment.

Presentation slides and background information for our event, "Rapid prototyping for the web using the U.S. Web Design System"

A website collecting master plans in Columbus, Ohio

USWDS Tutorial

Guidance and resources for rapid prototyping with USWDS

A half-day workshop on how to make rapid web prototypes — responsive as code, easy as paper — and get real feedback real fast