20 shapes

Section edges

Every shaped edge a section can end with. Switch styles to see how "Style's edge" changes; named shapes stay the same in every style.

how it works

Style's edge or a named shape

Set Bottom edge (or Top edge) on any section.

  • Style’s edge (auto): the style draws it in its own shape. Bloom uses brush, Summit wave, Pop zigzag, Heritage curve, Coastal swoop, Hearth scallop, Studio steps. Ledger, Paper and Midnight keep it straight.
  • A named shape (wave, dunes…): drawn exactly as named, in every style, even the straight ones.
  • none: a straight edge.

The edge is a cut-out: the next section slides underneath, so its real background (color, gradient or photo) shows through.

- type: text
  heading: Our story
  divider_bottom: dunes
divider_bottom: wave

Wave

Gentle S-wave.
divider_bottom: slant

Slant

Straight diagonal.
divider_bottom: curve

Curve

Soft arch.
divider_bottom: tilt

Tilt

Lopsided wave.
divider_bottom: swoop

Swoop

Long lazy rise.
divider_bottom: scallop

Scallop

Awning scallops.
divider_bottom: zigzag

Zigzag

Sharp teeth.
divider_bottom: steps

Steps

Hard-edged staircase.
divider_bottom: brush

Brush

Torn, brushy edge.
divider_bottom: peaks

Peaks

Mountain ridge.
divider_bottom: ripple

Ripple

Small even waves.
divider_bottom: tab

Tab

Raised flat tab.
divider_bottom: arches

Arches

Two arches.
divider_bottom: notch

Notch

Arrow notch, center.
divider_bottom: fold

Fold

Off-center crease.
divider_bottom: dome

Dome

Center dome.
divider_bottom: clouds

Clouds

Puffy clouds.
divider_bottom: drips

Drips

Paint drips.
divider_bottom: blocks

Blocks

Uneven blocks.
divider_bottom: dunes

Dunes

Sand dunes.

Mixing edges

Keep one shape per page for a calm look; save a different shape for one standout moment.