Spark Design System

Spark Design System is where we collect our best solutions for how to design and build unified digital experiences for the Rocket brands.

An illustration of a computer with a paintbrush.

Designer Basics

Get started with Design by reading the principles that we use in Spark Design System.

An illustration of a computer with code displayed.

Developer Basics

Learn how to install Spark’s npm packages into the build of your application. You’ll also find support for setting up Sass, React, Angular, and more.

An illustration of a graph paper and a magnifying glass.

Components

Explore the library of Spark components and supporting documentation, including design guidelines, code samples, and configuration options.

Decorative illustrations of type and color.

Foundations

Looking for our brand color palette, typography guidelines, element spacing, and other foundational style elements? Start here.

Decorative illustrations of pages.

Utilities

CSS class utilities for overriding values, enhancing accessibility, theming, and more.

Decorative illustration of a clipboard.

News And Updates

Get the latest release notes and updates, as well as previous news and notes

Want To Contribute?