Skip to main content Home
About About the Design SystemRoadmap
Get started OverviewDesignersDevelopers
Foundations OverviewColorGridIconographySpacingTypography
Tokens Overview Global colorbox shadowTypographyborderopacityspacelengthIconBreakpointsMedia Queries
Elements All elements Accordion Alert Announcement Audio player Avatar Back to top Badge Blockquote Breadcrumb Button Card Chip Code block Call to action Dialog Disclosure Footer Health index Icon Jump links Navigation (primary) Navigation (secondary) Pagination PopoverPlanned Progress stepsPlanned Site status Skip link Spinner Statistic Subnavigation Surface Switch Table Tabs Tag Tile Timestamp Tooltip Video embed
Theming OverviewColor PalettesCustomizingDevelopers
Patterns All PatternsCardTabsFilterFormLinkLink with iconLogo wallSearch barSkip navigationSticky bannerSticky cardTileVideo thumbnail
Personalization All Personalization PatternsAnnouncement
Accessibility FundamentalsAccessibility toolsAssistive technologiesCI/CDContentContributorsDesignDevelopmentManual testingResourcesScreen readers
Design/code status Release notes Get support

Designers

OverviewFigma libraryGithub projectFaqs

Frequently asked questions

How can I get better at Figma?

Check out these resources if you want to improve your Figma skills.

How do foundational styles, elements, and patterns get updated?

The design system team meets regularly to discuss work in progress and new issues. Updates are assigned a priority in our GitHub backlog. Once a priority is set and a schedule is agreed upon, design or development work begins. When the work is completed, the Figma libraries, documentation website, and repos are all updated. All updates are tracked in our changelog and listed on the Release notes page. Larger updates are sometimes communicated via a quarterly newsletter e-mail.

What if an element or pattern I need is missing?

If you think something is missing or you cannot find something, connect with us on Slack or create a discussion.

How can I contribute an idea?

If you have feedback or you would like to contribute an idea, create a discussion

How can I report a bug?

If you find a bug, create an issue and describe it as thoroughly as possible. If something is broken, e-mail design-system@redhat.com or connect with us on Slack and we will investigate.

Developers

To get started using our design system as a developer, go to the Developers page.

© 2021-2025 Red Hat, Inc. Deploys by Netlify