Color Styles

Last updated on August 15, 2024

Figma color styles in the Design System are direct representations of variables used for Insites Components. Use the color styles to quickly customize your components to fit your design needs.

Insites Color Styles

The color styles are grouped based on color and intended use.

In your figma file go to the Design Panel while nothing is selected to view all the Color Styles.

A list of all the default color styles is available under the Style Guide page of the Figma file for your development handover.

Customization

Updating the properties of the color style will automatically apply across your figma file.

This will also update the handover style guide for developers.

Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.