Skip to main content Red Hat Design System logo Contribute on Github

About the Design System

We create Red Hat digital experiences

Our teams work across the world in a range of disciplines, from UX research and digital design to web development and content strategy. We collaborate to make every digital interaction with Red Hat reflect our core brand traits which are open, authentic, helpful, and brave.


Our approach

Brand standards

Red Hat brand standards are the source code for our identity. They govern how we look and sound in all types of media. We follow brand standards to unify Red Hat digital experiences and stay up-to-date with our brand as it grows, improves, and adapts to meet new challenges.

Red Hat brand standards
PatternFly

PatternFly collaboration

We collaborate with PatternFly, an open source design system for enterprise product experiences. Using PatternFly as a foundation, we create intuitive and scalable Red Hat digital experiences the open source way.

Shared language and vision

We leverage similar elements as PatternFly, so designers no longer need to reinvent the wheel when choosing components. For example, an Accordion used in a Red Hat web application will look the same when used on a website.

Shared language
Web components

Web components

Our team is building an open source web component-driven development system to build scalable UI elements. This open source community project supports many components in our design system.


Fundamentals

Flexibility

Flexible

Our components can be arranged in a number of ways and CSS variables can be used for further customization.

Accessibility

Accessible

The goal of our design system is to create meaningful experiences that work for everyone, regardless of ability.

Consistency

Consistent

Our documentation and tools streamline collaboration so teams can create consistent and on-brand experiences.

Scalability

Scalable

Our system enables teams to work concurrently across the Red Hat system of websites and beyond.

Get started
© 2021-2024 Red Hat, Inc. Deploys by Netlify