Section dividers

Overview

Section dividers add a shaped transition between two stacked sections, giving your page a softer or more dynamic flow. The default is a flat edge.

Choosing a divider

1. Open Branding for your site.
2. Find the Section dividers card.
3. Pick a style from the options below.

Divider styles

• Flat - a clean straight edge (the default).
• Wave - a soft, rolling wave.
• Curve - a single gentle curve.
• S-curve - a flowing S-shaped edge.
• Angle - a single diagonal slope.
• Angles - a layered double diagonal.
• Bubble - a soft, scalloped edge.
• Brush - a rough, hand-painted edge.

When dividers appear

Dividers only render between two adjacent sections that have different background colours. If neighbouring sections share the same background, the edge stays flat so the page reads as one continuous block.

Per-section overrides

In the page editor, individual sections have a layout option to follow the site default divider or force a flat edge. This control only appears when your site-wide divider is set to something other than Flat.