Features

Component Theme Presets

Style once. Apply everywhere. Component Theme Presets let you define global design settings that can be reused across all components using the Component Theme area. While Component Themes give you complete control over individual styles, Theme Presets offer a consistent, maintainable, and centralized way to apply design tokens across your content — instantly and effortlessly.

Empower your team to ensure visual consistency across pages without repetitive styling work. Just select a preset, and see it applied in real time.

Centralized Styling Control

  1. Define Once, Reuse Everywhere.
    Apply presets across all components.

  2. Maintain Visual Consistency.
    Keep your design coherent with little effort.

  3. Adapt Without Coding.
    Easily edit presets without adapting code.

Streamlined Workflow

  1. Simplify Editor Choices.
    Offer ready-made options your team can trust.

  2. Pair with Themes & Layouts.
    Combine for maximum flexibility.

  3. Live Design Feedback.
    Instantly preview in the Visual Editor.

Reusable Styling Made Simple

Component Theme Presets allow you to define and manage global design tokens that can be reused across any component. Instead of applying design settings repeatedly, you create a preset once and reference it anywhere, bringing effortless consistency and reducing repetitive styling work.

They are ideal for maintaining design systems without enforcing rigid structures.

Create Once, Apply Everywhere

Theme Presets give you complete control over how your design settings are structured and shared.

Once defined, these presets can be referenced inside the Component Theme configuration of every component, making them immediately accessible for your editors during content creation, without needing extra setup or duplication.

Maintain Consistency Without Sacrificing Flexibility

Using Theme Presets ensures that all visual elements across your pages adhere to a consistent design language while still retaining the ability to override or fine-tune individual styles when necessary.

This balance of consistency and flexibility streamlines collaboration between developers, designers, and editors.

Immediate Visual Feedback in the Editor

Whenever a Component Theme Preset is selected, the design changes are instantly reflected in your Visual Editor, precisely as they will appear in the final result.

This real-time feedback makes it easy for editors to experiment with different styles confidently, ensuring they always know what they deliver.

Simplify Maintenance at Scale

Need to change a design detail globally? No problem.

When you update a Theme Preset, all components referencing it are automatically updated.

This not only saves time but drastically reduces the chance of inconsistencies or manual errors across your project.

The Perfect Match for Component Themes

Component Theme Presets extend the power of Component Themes and other features like Global Components.

While Component Themes allow per-instance styling, Theme Presets turn recurring styles into reusable tokens, making the combination ideal for flexible yet consistent design systems that grow with your content needs.