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

Grid

Grid

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

Spacing

Spacing

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

Typography

Typography

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

Make a request

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

Other libraries

To learn more about our other libraries, visit the getting started page.