Creating your styles library

The Styles library and builder of XM Cloud Components is a design system that manages the styles of all components and their versions and ensures visual consistency across all your digital properties. 

Within the Styles library, you can define atomic CSS styles and then combine these classes to manage the style rules used for all the building blocks of the components created in the Components builder.

Usually, this design work has to start before building components, but with XM Cloud Components, it can also be done in parallel to components building if it helps speed up the process.

In the video below, you can see an example of styling a text teaser. Note that since the video was made, adding custom fonts to your style library has been enabled.