Handoff Design System

A complete design system with components, guidelines, and resources to help teams build consistent, accessible, and beautiful digital experiences.


Foundations

Foundations that define the brand across every experience

A set of design principles and visual guidelines, like color and typography.


Colors

Colors

Official color palette used for all digital products.

Typography

Typography

Official typography system used for all digital products.


Design System

Build and launch with tested and approved components

Components, guidelines, and resources to help teams build consistent, accessible, and beautiful digital experiences.

Colors

Components

Atomic reusable components.

Colors

Blocks

Bigger sections used to quickly build pages.