---
title: "Creating your styles library"
slug: "creating-your-styles-library"
abstract: "Build a style library that can be reused by all authors to ensure on-brand visual consistency across all output."
---
# Creating your styles library

The Styles library and builder of the Component builder 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 Component builder.

Usually, this design work has to start before building components, but with the Component builder, 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](https://doc.sitecore.com/sai/en/users/sitecoreai/design-components/components/creating-your-styles-library/add-custom-fonts-and-styles.html "Add custom fonts and styles") to your style library has been enabled.