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.

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

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.

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

Guidance on how to make design choices that prioritize user experience. Get answers on topics like layout, messaging, and placement.

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

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

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

Want To Contribute?