Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

August updates! We reorganized our patterns in August.

About

What’s new?

The latest news and updates on the Design System, Forms library and the Content style guide.

August 2022

New and updated components

Use with caution

Sketch Library updates

Documentation updates

Pattern updates

  • Patterns reorganization. We’ve reorganized the Patterns section around user tasks: Asking a user for information and helping users to accomplish a task. We’ve put in redirects as well so that you can find where your favorite pattern has gone.

July 2022

New and updated components

Use: Deployed

Use with caution

Sketch Library updates

New component symbols:

  • Promo banner
  • Button Pair
  • OMB Info
  • Active link variation
  • File Input
  • Table
  • Alert - expandable (Info and Warning variations)
  • Telephone
  • Decreased form control error state margins to align with USWDS
  • Increased width of error state borders from 2px to 4px for Date input, Memorable date, Number input, Select, Text input, Text area to align with USWDS
  • New layer styles for default, disabled, focus, error, and success borders on form controls

Documentation updates

Pattern updates

June 2022

May 2022

April 2022

  • System wide navigation changes
    • The side navigation now shows sub-pages rather than in-page anchor links. Anchor links are now reflected using the “On this page” component which you’ll find at the top of any lengthy page.
    • Experimental Design components and patterns moved into their respective Components and Patterns sections.
    • The “Documentation” section was renamed “About”.
    • The “Design” section was renamed “Foundation”.
    • Utilities and Layout moved into the Foundation section.
  • Maturity scale: We’ve introduced a maturity scale to track the lifecycle of components and patterns. This allows experimental design elements to come into the system and have visibility in the Components and Patterns sections. Each component and pattern has been assigned a maturity level on the scale which is indicated by a tag and dot in the side navigation.
  • Section pages: Top-level navigation sections, such as Patterns and Foundation, now have sub-sections that group similar elements. These new section pages will also have general guidance that applies to everything in that section. This will allow us to grow the system.
  • Table web component

March 2022

November 2021

Edit this page in GitHub (Permissions required)
Last updated: Sep 12, 2022