Foundations

Overview

Foundations are the visual and structural elements of our design system. Foundations were created as the building blocks of all user interface elements. Foundations should be used as blueprints that all components and layouts are created from.

Color

Color

Unifies our brand while bringing accessibility and consistency to our digital experiences

View colors
Grid

Grid

Provides guidance and structure when positioning elements and components in a layout

View grids
Spacing

Spacing

Defines fixed amounts of space between elements and makes it easy to maintain consistency

View spacing
Typography

Typography

A system of fonts that creates hierarchies and helps guide a user through an experience

View typography

Make a request

To request a new foundation or if updates need to be made to an existing foundation, contact us.

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