Real-world example of using the U.S. Web Design System

The EPA started using the U.S. Web Design System in 2016 to guide the look and feel of EPA.gov. During the migration to Drupal 8, we rebuilt the theme from scratch. One major goal was to make it easier to keep up with the latest changes to USWDS.

Learn how we incorporated the latest version of USWDS into our process:

• Integrate with a Drupal 8 theme

• Leverage USWDS theme settings and Sass mixins

• Use Pattern Lab to show and document components

We also created an open-source Drupal 8 theme that you can use as a starting point. https://github.com/forumone/gesso-uswds

Resources

• Slides (PDF)
• EPA Pattern Lab Demo
• Gesso theme
• Gus theme