Skip to main content

An official website of the United States government

Here's how you know

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

Here's how you know

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
Theme:

Design system switcher

Select a theme

Version:

Design system switcher

Select a version

    • For developers
    • Child Design Systems
    • Accessibility
    • Design Principles
    • Print guidelines
    • Support Policies
    • CSS normalization
      • Typography overview
      • Headings
      • Body
      • Content
      • Links
      • Lists
    • Spacing
      • Layout Grid
      • Breakpoints
    • Inverse Base
    • Theme colors
    • System color tokens
    • Components overview
    • Global config
    • Component analytics
    • Accordion
    • Alert
    • Autocomplete
    • Badge
    • Button
    • Card
    • Checkbox
      • Calendar Picker
      • Multi Input Date Field
      • Single Input Date Field
    • Drawer & Help Drawer
    • Dropdown
    • Filter Chip
      • Healthcare.gov Footer
      • Medicare.gov Footer
      • Healthcare.gov Header
      • Medicare.gov Header
    • Hint
    • Icon
    • Idle Timeout
    • Inline Error
    • Inset (HC.gov)
    • Label & Legend
      • Healthcare.gov Logo
      • HHS Logo
      • Medicare.gov Logo
    • Modal Dialog
    • Month Picker
    • Note Box
    • Pagination
    • Radio Button
    • Review
    • Skip Nav
    • Spinner
    • Stars (M.gov)
    • Step List
    • Table
    • Tabs
      • Label Masked Field
      • Masked Field
      • Text Field
    • Third Party External Link
    • Tooltip
    • USA Banner
    • Vertical Navigation
    • Patterns overview
      • Error validation
      • Forms
      • Form validation
    • Table Elements
    • Phone numbers
    • Utility Actions
    • ZIP codes
    • Layouts overview
      • One Column Page Layout
    • Documentation Page
    • Utilities overview
    • Background Color
      • Border Radius
      • Border
    • Display
    • Flexbox
    • Float
    • Focus
      • Font Size
      • Font Style
      • Font Weight
    • Margin
    • Overflow
    • Padding
      • Line Height
      • Measure
      • Text Alignment
      • Text Color
      • Text Decoration
      • Text Transform
      • Word Break
    • Vertical Align
    • Visibility
    • Separating labels, hints, and errors in v9
    • Standardizing spacing in v7
    • Standardizing theme colors in v7
    • Sass to CSS
    • Migrating to v4 buttons
    • Migrating to v2
    • Using agnostic typography classes

What's new?

View code on GitHub

Theme:

Design system switcher

Select a theme

Version:

Design system switcher

Select a version

Search this site

    Plain WritingPrivacy PolicyU.S. Web Design System
    Department of Health and Human Services

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