About

Key benefits

Using the U.S. Web Design System makes it easier to build accessible, mobile-friendly government websites. Here’s why USWDS works for government teams.

The U.S. Web Design System (USWDS) is a toolkit of principles, guidance, and code that makes it easier to build accessible, mobile-friendly government websites. We use human-centered design to support human-centered design teams.

There are many ways to build a website or service. We designed USWDS to deliver unique benefits to government teams.

Compliance from the start

We’re a government team that understands what government teams need, including compliance with Section 508 and 21st Century IDEA.

The requirements for federal websites and digital services [digital.gov] can seem confusing. That’s where we can help. USWDS principles, guidance, and code meet these requirements from the start. We include accessible, mobile-friendly components out of the box. We provide tools and solutions (like a simple way to pick accessible colors or a component that displays required links) that make compliance simpler.

The design system is built by government, for government, with government. We’re focused on what government teams need, to help you do your best work. Accessibility and mobile-friendliness are at the core of our product. They’re a part of every decision. And we’ll always stay up-to-date with the latest requirements and standards.

Proven design solutions that users expect

Don’t reinvent the wheel when it comes to buttons, forms, and other common elements. Provide a more seamless experience across both your agency and the entire federal government.

The design system helps users know what to expect when they visit federal websites. It allows you to provide consistent usability, accessibility, editorial style, and look-and-feel across your websites and digital services. This consistency delivers a more seamless, user-friendly experience (a key requirement of 21st Century Integrated Digital Experience Act (21st Century IDEA) [digital.gov]) and also increases trust in government.

Team alignment and common goals

Strengthen your team’s agreement to common principles and human-centered design right from the start.

Effective, high-performing teams typically have team agreements. The USWDS design principles are an important starting point for any team agreement:

  1. Start with real user needs.
  2. Earn trust.
  3. Embrace accessibility.
  4. Promote continuity.
  5. Listen.

These principles align teams across the federal government around common goals. They support and reflect requirements for federal websites and digital services, codified in the 21st Century IDEA.

Mission focus

Focus on your mission, not your markup.

Spend less time building from scratch and more time building solutions. USWDS speeds up the development process and helps teams concentrate on higher-level goals. Your team knows its audience and mission. USWDS adapts to your brand’s look-and-feel, editorial style guidelines, user needs, and overall digital strategy.

Get off the redesign treadmill. When the design system improves, so does your project. By using the design system, your service benefits from our continuous improvement. We fix bugs, improve accessibility, and reduce technical debt at scale. Each improvement to the design system improves all design system sites.

A cross-functional design system community

Break down silos and grow your skills alongside web professionals across government.

As more and more agencies adopt and adapt the design system, the community of content managers, designers, and developers that use it grows. We chat, ask questions, and share solutions in a public Slack open to design system users (sign up to join the USWDS community) and also through our GitHub organization [github.com]. Your contributions to the community — which can range from simple questions to new components — help colleagues with their own questions and implementations.

Effective stewardship of public resources

Improve performance, efficiency, governance, and institutional memory.

USWDS exists to scale service expertise across the federal government, so all teams can benefit from any team’s improvements. When you build with USWDS, you benefit from the experience of teams and individuals from your agency and others. What you build helps improve the design system for the next teams that use it.

This process helps get the most from the teams that use the design system. It builds the institutional memory available to new teams. It promotes user-centered, data-driven decision making and governance. It results in faster, more effective service delivery over time. Everything we invest in the design system is shared, multiplied, and compounded to the greatest extent possible. We use the scale of the federal government to help individual teams perform at their peak.

We are as committed as you are to public service, and we reflect this in our product, community, and customer support.

How to make the case for USWDS

We know that making the case for USWDS is important and sometimes difficult. Here are a few tips!

  • Use these key benefits listed to make the case to your team and management. You may customize the themes and messages for your audience, and email us at uswds@gsa.gov if you have feedback on things to add or remove from this list.

  • See the sample contract language for 21st Century IDEA we published, which you may use to document requirements related to website modernization in your various contracts.

Latest updates

Meaningful code and guidance updates are listed in the following table:

Date Description
2021-04-14

Added key benefits page. More information: uswds-site#1207