Skip to Main Content
Spark Design System will be retired at the end of 2022. Feature updates have ended. We'll continue to provide bug fixes and support until Spark is retired. Questions? ContactSparkDesignSystem@rocketcentral.com.
Spark Design System
    • Installing Spark
    • Using Spark
    • Principles

    Using Spark

    Foundations

    • Color Usage
    • Color Codes
    • Color Accessibility
    • CSS Utilities
    • Design Tokens
    • Space
    • Typography

    Guides

    • Alternative Text
    • Content Style
    • Validation Messaging
    • Writing Meaningful Web Content With Semantic HTML

    Components

    • Accordion
    • Alert
    • Autocomplete
    • Award
    • Box
    • Button
    • Card
    • Centered Column
    • Dictionary
    • Divider
    • Dropdown
    • Flag
    • Footer
    • Highlight Board
    • Icon
    • Input
    • Link
    • List
    • Masthead
    • Modal
    • Pagination
    • Promo
    • Stack
    • Stepper
    • Table
    • Tabs
    • Toggle
    • Tooltip

    Guides

    Guidance on how to make design choices that prioritize user experience.

    Get answers on topics like layout, messaging, and placement. We’ll be adding new guides regularly.

    Available Guidance

    • Alternative Text
    • Content Style
    • Validation Messaging
    • Writing Meaningful Web Content With Semantic HTML

    Support

    • Contributing
    • Release Notes
    • Github
    • File An Issue

    Available Packages

    • Angular
    • React
    • HTML

    Connect With Us

    • Spark Youtube Channel
    • Spark Twitter
    • Spark Email

    ©2000 – 2022 Rocket Mortgage LLC. All rights reserved.