resources

Resources Overview

The Resources section provides essential information and tools to support the development and maintenance of the design system.

Questions? As always, the Ripple team is here to help. Contact us on Slack! #designsystem

Working with Us

Our Process

Learn how to effectively collaborate and contribute to updating Ripple.

Work in Progress

Stay informed on upcoming features and enhancements.

Versions

Learn the history of updates and changes to components, global styles, and color tokens.

Assets

Global Styles

Global styles is one of the foundational pieces to incorporating Ripple styles in your products. View interactive examples of patterns and styles in CodePen to understand how to apply our styles and reuse the examples in your product. Use the CSS link to incorporate these styles in your code.

Color Token Variables

Use color tokens to apply color purposely and consistently. Explore our color token library to learn how to utilize these colors. Use the CDN link to import these color tokens into your projects.

Figma UI Library

Access our Figma library for all design assets including components and styles.

Back to Top