Red Hat Design System

Red Hat's open source design system enables the creation of branded digital experiences. It provides a comprehensive toolkit including design language, elements, developer tools, and more, ensuring that digital products look and feel like Red Hat. Built upon PatternFly and Web Component standards, its elements work across modern browsers and frameworks that support HTML. The system offers extensive resources, including guidance on Foundations (like color, typography, and spacing), a wide array of interface Elements (such as buttons, cards, and navigation), reusable Patterns for common design problems (like forms and search), comprehensive Accessibility guidelines and tools for inclusive design, and Theming capabilities for customization and brand alignment. It supports designers and developers in building consistent experiences for redhat.com, the Red Hat Customer Portal, and beyond.