---
title: "スタイルライブラリの作成"
slug: "creating-your-styles-library"
abstract: "すべての著者が再利用できるスタイルライブラリを構築し、すべてのアウトプットでブランドに合ったビジュアルの一貫性を確保しましょう。"
---
# スタイルライブラリの作成

Stylesライブラリおよびコンポーネントビルダーは、すべてのコンポーネントとそのバージョンのスタイルを管理し、すべてのデジタルプロパティで視覚的な一貫性を確保するデザインシステムです。

Stylesライブラリ内で、原子的なCSSスタイルを定義し、これらのクラスを組み合わせてコンポーネントビルダーで作成されたコンポーネントのすべての構成要素に使われるスタイルルールを管理できます。

通常、この設計作業はコンポーネントを作る前に始めなければなりませんが、コンポーネントビルダーを使えば、プロセスを効率化するのに役立つなら、コンポーネント作成と並行して行うことも可能です。

以下の動画では、テキストティーザーのスタイリングの例を見ることができます。動画制作以降、スタイルライブラリに [カスタムフォントを追加](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/creating-your-styles-library/add-custom-fonts-and-styles.html "Add custom fonts and styles") できるようになったことに注意してください。