A growing website is easier to maintain when repeated styles share a common source. CSS classes support that approach by letting multiple elements use the same style rules. Change a shared rule, and the elements using it can update together.
Divi 5 brings that principle into the Visual Builder through a connected design system. Design Variables provide reusable values, presets organize shared settings, and the Preset Manager gives you a central place to maintain them. Composable Settings and Nested Option Presets extend those connections to the individual parts inside modules.
Let’s look at how these features work together and how they compare with a class-based CSS workflow.
What Is Class-Based Design?
A CSS class lets you target multiple elements with shared style rules. For example, a .primary-button rule might define a background color, padding, and font weight. Buttons using that class share those declarations without needing a separate copy on each element.
