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 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 or 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.