Content Zone Builder

Zone Pattern Builder
Choose the outer DOM element.
1. Zone spacing role
Defines how the section behaves in page flow.
2. Visual weight
Defines the strength of the surface treatment.
3. Optional finish
Defines the edge character of the surface.
4. Optional subdivision
Adds a layout wrapper inside the zone. Introduction is the only option that alters inner cell classes.
Any extra utility classes appended to the outer wrapper.
This content is placed inside the zone or the generated subdivision wrapper. For subdivided layouts, update inner cells later in a code editor if needed.
Preview
Toggles preview-only background helpers so reclaim behavior is easier to see.
Preview Colors: Intrensic Padding from Template Page Area
Generated HTML