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.


Foundations

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

Feedback

To give feedback about anything on this page or to request a new Foundation, contact us.

Components

To learn more about how to use foundational elements, visit the Components section.