U.S. Web Design System

The US federal government's design system: Public Sans typography, a token architecture of color 'grades' where the numeric distance between grades guarantees WCAG contrast, a #005ea2 primary blue, the #2491ff vivid focus ring, and sturdy, benefit-of-the-doubt components (banners, identifiers, step indicators) built for gov.gov trust.

Primary action

Card

Signature element

The color-grade system itself: every color has a 0–90 grade, and a difference of 40+ between two grades mathematically guarantees WCAG AA contrast — designers pick grades, not hexes, and accessibility follows.

Palette

bg
#ffffff
surface
#f0f0f0
text
#1b1b1b
text-muted
#565c65
accent
#005ea2
accent-dark
#1a4480
accent-cool
#00bde3
accent-warm
#fa9441
focus
#2491ff
link-visited
#54278f
error
#d54309
success
#00a91c