Red Hat Design System

Documentation, design tokens, and Web Components for building uniform experiences with the Red Hat brand.

🎨 For Designers

RHDS provides Figma libraries and subsystems to aid in your design work.

💻 For Developers

RHDS provides a collection of ready-made, framework-agnostic Web Components with Red Hat branding, user experience, accessibility, and style guidelines built in.

<rh-card>
  <h2 slot="heading">Red Hat Branded Web Components</h2>
  <p>So you can focus more on your content or app, and less on implementation details.</p>
  <rh-cta slot="footer">
    <a href="https://ux.redhat.com">Read the Docs</a>
  </rh-cta>
</rh-card>

LGTM Tradition

On this team, PR approvals come with a creative twist — reviewers leave a backronym for LGTM (four words starting with L, G, T, M). See lgtms.md for the full collection.

Top 10 Leaderboard

Author	Count
@adamjohnson	114
@zeroedin	87
@markcaron	59
@bennypowers	32
@hellogreg	26
@nikkimk	15
@marionnegp	10
@coreyvickery	4
@brianferry	3
@gradymcgee	1

Hall of Fame

• "Leevee Geevee Teevee Meevee" — @zeroedin
• "lines géniales, tooltips magnifiques" — @hellogreg
• "Linux Ghouls Trick Mortals" — @zeroedin
• "Local Grandma Tramples Musician" — @marionnegp
• "Lucid groundhog; tiny meteorologist" — @nikkimk

Contributions are Welcome

Would you like to contribute to the documentation or design specs? Read the site contributing guide.
Would you like to contribute to component development? Read the developer contributing guide.