What are style guides?
Style guides provide site builders with the tools to create theme-specific settings which affect the style and layout of a website.
The primary uses for the Style guides are:
- Creating a website where the appearance needs to change depending on the active theme. Useful when using context to switch a theme. For example, switching the theme if a user is logged in.
- You are applying global styling and appearance changes to a website using a simple to use interface. Very useful if you want to allow non-technical users the ability to apply visual changes to the website's theme within a governed set of overrides you define.
- You are creating design systems for multi-brand, multi-site solutions, where each brand needs to apply specific branding to a master design system.
Style guides are forms that generate theme-specific tokens. The tokens can be used as values to CSS properties or as values to settings within Site Studio elements. There are three steps to using style guides:
- Set-up style guide forms within Site Studio > Style guides.
- Use the tokens generated by the style guides exposed within the token browser.
- Apply values to the style guides within Appearance > Settings
Style guides can use theme inheritance. A sub-theme will automatically inherit the settings of its parent theme. Changes made to sub-theme settings will override its parent theme settings. When you edit a value in a style guide, it will display an 'Edited' tag.
For more detailed information, see Style guide manager in the user guide.
Did not find what you were looking for?
If this content did not answer your questions, try searching or contacting our support team for further assistance.