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.

Go to Designer Basics

Designer Basics

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

Go to Developer Basics

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 Components

Components

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

Explore Guides

'How To' Guides

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

Go To Foundations

Foundations

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

Go To Utilities

Utilities

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

Go To News

News And Updates

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

Want To Contribute?