> This page is for Docs.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://zuora.ferndocs.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://zuora.ferndocs.com/_mcp/server.

# Style presets

> Style presets are reusable groups of visual styles in Experience Builder that help you apply consistent design across different elements without enforcing a specific structure.

Style presets are reusable groups of visual styles in Experience Builder that help you apply consistent design across different elements without enforcing a specific structure.

Style presets are reusable groups of styles that you can apply to multiple elements in Experience Builder. Instead of setting the same visual styles on each element individually, you can save those styles in a preset and reuse them where needed.

## Style preset scenario

Use style presets when you want to reuse a combination of styles without enforcing a specific structure. Style presets are useful when different elements need the same visual treatment but have different content or markup.

## Style presets versus components and style tokens

Choose the reusable asset that best matches your goal.

| Use                                                       | Create       |
| --------------------------------------------------------- | ------------ |
| Reuse a single design value across the project            | Style token  |
| Reuse structure and behavior                              | Component    |
| Reuse a combination of styles without enforcing structure | Style preset |

Style presets provide a middle ground between style tokens and components. They help you apply consistent styling to different elements without requiring those elements to share the same structure.

You can [Create a style preset from the Style Presets area](/docs/platform/extensibility/experience-builder/style-presets-in-experience-builder/create-a-style-preset-from-style-presets) or [Create a style preset while editing a document](/docs/platform/extensibility/experience-builder/style-presets-in-experience-builder/create-a-style-preset-while-editing-a-document).

## Best practices

Here are best practices when using style presets:

* Use style presets when multiple elements need the same visual treatment but different content.
* Use style tokens when you want to standardize individual design values across the project.
* Use components when you need to reuse structure and behavior in addition to styling.
* Use clear preset names so other builders can identify the intended visual pattern quickly.