An official website of the United States government

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Design System

An official website of the United States government

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

CMS Design System

Selected theme

Core
CMS.gov
HealthCare.gov
Medicare.gov

Documentation version

7.0.7
7.0.6
7.0.5
7.0.4
7.0.3
7.0.2
7.0.1
7.0.0
6.1.3
6.0.1
5.0.2
4.0.4
3.8.0
3.7.0
3.6.0
3.4.0

- For developers
- Child Design Systems

What's new?

View code on GitHub

Font Family

Guidance
- Customization

Have ideas?

Contact the team
Start a discussion on GitHub
Edit this page

Change an element's typeface to either the sans-serif (Open Sans) or serif (Bitter) family using the font family utility.

Format: .ds-u-[serif|sans]

.ds-u-sans

Open Sans, Helvetica, sans-serif

.ds-u-serif

Bitter, Georgia, serif

Guidance

Customization

The following CSS variables can be overridden to theme the font family utility:

--font-family-sans
--font-family-serif

Have ideas?

Contact the team
Start a discussion on GitHub
Edit this page

Plain WritingPrivacy Policy U.S. Web Design System

A federal government website managed by the Centers for Medicare & Medicaid Services 7500 Security Boulevard, Baltimore, MD 21124

Design System

On this pageOpen

Have ideas?

Guidance

Customization

On this page

Have ideas?