Skip to main content

Alerts
Banner (notification)
Banner (US gov)
Buttons
Checkboxes
Date picker
Expandables
Fieldsets
Helper text
Labels and legends
Links
Lists
Pagination
Radio buttons
Range sliders
Selects
Summaries
Tables
Tags
Taglines
Text inputs
Tooltips
Web Components

CFPB Design System

Navigation

Foundation
Components
Patterns
Pages
Development
Guidelines
Accessibility
- Accessibility principles
- Accessibility audit tools
Community-centered design
Data visualization
- Data visualization guidelines
Design System Governance
- Contributing to the CFPB Design System
Forms
- Designing forms
Print
- Print styles

Guidelines

This section includes guidelines for creating specific product experiences.

Edit page

We need your help keeping the Design System accurate and up-to-date! If you see something wrong or missing, edit the page. If you can’t make those changes yourself, file an issue. If you have a substantial change to an existing page, or a new standard you want to add, follow these guidelines.

Website source code