---
title: "Creating style guides"
date: "2019-10-31T12:08:40+00:00"
summary: "Create custom style guides in Site Studio to manage specific aspects of your Drupal theme. Learn how to build, configure, and implement these powerful theme overrides for enhanced design control and flexibility."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/creating-style-guides"
id: "bfe2bfe9-c2c1-4953-aad9-27b81c07a77b"
---

You can create Style guides to allow specific aspects of your Site Studio styles and templates to be managed from within the Drupal theme settings page (Appearance > Settings > "Theme"). You can think of style guides as theme overrides.

Important

You can create multiple Style guides to allow you to separate different types of overrides. For example, Layout, Typography, Colors.

A Style guide is a form. The fields within the form are exposed as Drupal tokens. These token can be used in-place of static values within your Site Studio styles and templates. The values of the tokens will be used when your styles and templates are generated.

Creating a style guide
----------------------

To create a style guide: 

1.  Navigate to Site Studio > **Style guides**
2.  Click **+Add style guide**
3.  In the next screen, enter a title for your style guide in the **Title** field
4.  Click on the **\+ button** on the Style guide form builder to access the Style guide fields
5.  Drag a field onto the **Style guide form builder**  
      
    
    ![c72f0b4f-add-field-to-style-guide.png](https://acquia.widen.net/content/75ca3192-ced0-421a-a418-b09f88be0d93/web/c72f0b4f-add-field-to-style-guide.png)
    
      
     
6.  Double click the field to open its settings
7.  Give your field a **machine name** 
    
    Important
    
    ​You must enter a **machine name** in the field settings. The machine is used to generate the Style guide token. It should be something that can be easily identified within the Token browser. For example: **heading-1-font-color**
    
    ![7c833418-add-machine-name-style-guide.png](https://acquia.widen.net/content/e16cd78c-c922-4ca6-9a83-1de822e82f30/web/7c833418-add-machine-name-style-guide.png)
    
8.  Configure any other settings and click **Apply**
9.  Click **Save and continue**.

Important

Give your fields a title that matches your machine name. This makes it easier to locate them when building forms.