standards.usa.govUSWDS: The United States Web Design System | U.S. Web Design System (USWDS)

An official website of the United States government Here’s how you know Here’s how you know Official websites use .gov A .gov website belongs to an official government organization in the United States. Secure .gov websites use HTTPS A lock ( Lock Locked padlock icon ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. USWDS U.S. Web Design System (USWDS) Menu How to use USWDS How to use USWDS Getting started for developers Getting started for designers Documentation Settings USWDS maturity model Accessibility Performance guidelines Code guidelines Migrating to USWDS 3.0 Migrating to USWDS 2.0 Implementations Showcase Sample contract language for 21st Century IDEA Website standards Design principles Components Components Accordion Alert Banner Breadcrumb Button Button group Card Character count Checkbox Collection Combo box Data visualizations Date picker Date range picker File input Footer Form Grid Header Icon Icon list Identifier In-page navigation Input mask Input prefix or suffix Language selector Link List Memorable date Modal Pagination Process list Prose Radio buttons Range slider Search Select Side navigation Site alert Step indicator Summary box Table Tag Text input Time picker Tooltip Typography Validation Patterns Patterns Introducing patterns Create a user profile Complete a complex form Select a language Design tokens Design tokens Color Typesetting Flex Opacity Order Shadow Spacing units Z-index Utilities Utilities Layout grid Color Height and width Margin and padding Border Outline Font size and family Text styles Paragraph styles Display Flex Shadow Float Clearfix List reset Templates Templates 404 page Documentation page Landing page Authentication pages Form templates About About Key benefits Product values Contribute Community What’s new Monthly calls News and updates Product roadmap Research Security Website policies and notices How to use USWDS Design principles Components Patterns Design tokens Utilities Templates About Search Read website standards Download v3.8.0 Github logo View on GitHub A design system for the federal government. We make it easier to build accessible, mobile-friendly government websites. Introducing USWDS 3.0 Migrating to USWDS 3.0 Components Browse all USWDS components, and get UX, accessibility, and implementation guidance. Browse components Patterns Use our guidance to craft effective and inclusive user experiences. Explore pattern guidance Design tokens Learn how to get started using design tokens, the building blocks of USWDS component design. View design tokens Utilities Adapt your designs and deliver prototypes quickly and consistently without touching a line of CSS. Build with utilities Sites built with USWDS National Institutes of Health Library U.S. Department of Veterans Affairs NASA Glenn Research Center PubMed Labs | U.S. National Library of Medicine vote.gov America’s Seed Fund Become part of the community USWDS is an active open source community of government engineers, content specialists, and designers. Our contributors both in and out of government support dozens of agencies and nearly 200 sites. Have an idea or an issue? Reach out in GitHub Engage with the community Find a channel that works for you Subscribe to our newsletter Sign up for USWDS updates Get support Email the USWDS team Looking for USWDS v1 documentation? Visit v1.designsystem.digital.gov designsystem.digital.gov An official website of the General Services Administration About GSA Accessibility statement FOIA requests No FEAR Act data Office of the Inspector General Performance reports Privacy policy Looking for U.S. government information and services? Visit...