Designers
On this page
Introduction
Welcome to the Red Hat Design System (RHDS). Follow the steps below to get started and let us know if you have any questions along the way.
Start here
Brand Standards
Brand standards are the starting point for all projects, they ensure that every interaction our audiences have with Red Hat reflects our brand personality, aligns to our brand strategy, and uses a consistent visual language.
Why does that matter? Because it helps us create an authentic relationship and credibility with our customers, partners, and contributors.
Hybrid Style
Hybrid style allows us to add expressive storytelling to our brand, but the essentials of our brand stay the same. Knowing when to and how to balance the two is key.
Consider the goal of each project, the message we want to communicate, and where our customer is in their journey. Each piece of every project falls on a spectrum from the most essential to the most expressive, playful storytelling.
Design system essentials
Foundations
How we express our brand through design language like color, space, typography, and more.
Design tokens
Our single source of truth and how we translate design language decisions into code.
Accessibility
Designer-specific guidelines that include information about how to create inclusive experiences.
Theming
An easy-to-use system that modifies elements and patterns to fit a specific visual style.
Elements
Custom HTML elements that are the interactive building blocks of our design system.
Patterns
Composable elements and tokens with content to create uniform, accessible experiences.
Additional resources
Use these additional resources to stay aligned and informed while working.
You can also reference these pages to see how our brand and design system work together.
Connect with us
For questions, additional support, or training, email us or connect with us on Slack.
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
Developers
To get started using our design system as a developer, go to the Developers page.
