Skip to Main Content

Designs launchingafterJuly 14, 2021, please referencethe latest release of Spark.

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 someone hands drawing on a tablet.

Designer Basics

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

Go To Designer Basics
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.

Go To Developer Basics
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.

Go To Components
Decorative illustrations of type and color.

Foundations

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

Go To Foundations
Decorative illustrations of pages.

Utilities

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

Go To Utilities
Decorative illustrations of mail and notifications.

News And Updates

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

Go To News

Want To Contribute?

Learn More