Welcome to the CFPB Design System
Our design system is an open-source resource for CFPB teams to produce effective and visually-consistent products that are easy for consumers to access, use, and understand.
Getting started
Learn how to integrate our design system into your project, contribute to the code base, and update the documentation. Get started
Foundation
Browse our design principles, best practices, and visual identity standards. Together, they serve as the foundation for our website and our external-facing materials. View our foundation
Components
Discover the different components that our design system provides. You’ll find design specs, code snippets, as well as usage, accessibility, and implementation guidance. Browse our components
Templates
Find out more about the common page types that we use within our content management system, which are documented for easy reference. Review our templates
About the CFPB Design System
Our design system has been created to work with a wide range of devices and browsers. Following a modern, mobile first responsive approach, sites built with our Design System easily adapt to a wide range of screen sizes, all while carefully following accessibility best practices. As a work of the United States government, all code is open source and in the public domain. We encourage you to use this framework in your own projects and to contribute back.
License
All content has been released as open source under the CC0 1.0 Universal Public Domain Dedication, and we’d love for other agencies, developers, or groups to adapt it for their own use.