Introduction
Welcome to the Red Hat Design System (RHDS) for digital experiences. If you need to develop something using our design system, you have come to the right place.
Read this section to get started and e-mail design-system@redhat.com or connect with us on Slack if you have any questions along the way.
Learn about our design system
Our design system libraries and the documentation website offer assets and guidance needed to create digital experiences. Please use these resources to have a better understanding of how to use our design system.
Foundations
Foundations are how we express our brand through color, space, typography, etc.
Design tokens
Design tokens are how we translate our design language decisions into code.
GitHub repositories
Explore our code, roadmaps, and discussions in the Red Hat Design System repo and the Red Hat Design Tokens repo.
About web components
Web components are based on a set of web platform APIs that help to create reusable and encapsulated UI elements. Those standards consist of custom elements, shadow DOM, and HTML Templates.
Because they're able to work with any framework that supports HTML, web components can be used without having to rework all of your code and are less likely to be affected by changes in preferred web stacks. Encapsulation within the shadow DOM prevents a page's code from breaking a component's style and allows for a scalable design system.
Designers
To get started using our design system as a designer, go to the Designers page.
Feedback
To give feedback about anything on this page, contact us.
