Boosting Consistency with Pattern Presets

To ensure brand consistency and accelerate content creation, the UI Suite design team is actively creating a library of "Pattern Presets." These are reusable arrangements of components that can be saved and shared across different pages and displays. A preset is more than just a single component; it’s a fully configured section, like a "Two-column feature with an image on the left" or a "Hero banner with a call-to-action button."

Creating a preset is simple. Any of our content builders can arrange a set of components in the builder, right-click on the parent container, and select "Save as preset." Once named, this new preset becomes available in the "Presets" tab of the Library panel. This empowers our designers and senior editors to establish best-practice layouts that can be easily reused by the rest of the team.

It's important to understand that these presets are a starting point. When a user drags a preset into their layout, the components and their configurations are copied into the display. The new instance is not linked to the original preset, so future changes to the preset won't affect where it has already been used. This provides the perfect balance between promoting consistency and allowing for specific customizations when needed.