--- permalink: / layout: homepage title: USAJOBS Design System --- Skip to main content

USAJOBS Design System

The central source for the style and interaction guidelines for the next generation of USAJOBS.

Creating the next generation of USAJOBS

This design system represents the start of the next generation of USAJOBS. A design system describes the base visual language, using UI elements and style guidelines, upon which the site can be built. It will also include examples and usage guidelines of new components.

Rapid prototyping

Because the design system is brand new it also acts as a prototyping toolkit. This allows us to quickly explore new ideas in code and iterate on our designs. New projects within USAJOBS will leverage and potentially extend the design system further.

Based on the U.S. Web Design Standards

The USAJOBS design system starts with the U.S. Web Design Standards and extends them to meet the needs of the USAJOBS next generation project. This repo allows the team working on USAJOBS to:

  1. Document where we have intentionally deviated from an existing guildeline in the U.S. Web Design Standards and provide a platform for contributing back to those standards.
  2. Document where we have unintentionally deviated from an existing guideline in the U.S. Web Design Standards and want to track getting back inline with the standards.
  3. Design new components or elements that are not yet a part of the U.S. Web Design Standards. These components or elements may or may not be appropriate to contribute back to the standards given their potential for reuse elsewhere.

Design Pillars: Grounded in research

USAJOBS joined forces with The Lab at OPM to conduct qualitative user interviews with applicants and HR specialists. From the research, we developed 6 design pillars to keep in mind as we improve usajobs.gov.