Foundations

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

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

Grid

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

Spacing

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

Typography

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