Shape catalogue — every seam type
All 19 dividers, palette-var filled, shown rise (cutting up into the dark band) then dip (flipped). Plus the layered-parallax demo. Feature-layer batch, 7 Jul 2026.
Panel parallax — the clean default
A photo panel whose background drifts gently with scroll — no overlaid element. This is the default panel treatment (only while the cdd_motion_parallax flag is on; never under 700px or reduced motion).
Below: the OPTIONAL foreground layer — a transparent cut-out planted on the panel’s bottom edge, drifting the same direction at half speed (multiplane depth). Used only when a client supplies a real cut-out graphic.
soft-wave
family: waves · rise + dip
soft-wave — bottom placement above, top placement (flipped vertical + horizontal) below.
double-wave
family: waves · rise + dip
double-wave — bottom placement above, top placement (flipped vertical + horizontal) below.
diagonal-up
family: angles · rise + dip
diagonal-up — bottom placement above, top placement (flipped vertical + horizontal) below.
diagonal-down
family: angles · rise + dip
diagonal-down — bottom placement above, top placement (flipped vertical + horizontal) below.
convex-arc
family: curves · rise + dip
convex-arc — bottom placement above, top placement (flipped vertical + horizontal) below.
concave-arc
family: curves · rise + dip
concave-arc — bottom placement above, top placement (flipped vertical + horizontal) below.
blob-bottom
family: organic · rise only (one-sided accent)
blob-bottom — bottom placement above (one-sided accent).
tilt-split
family: angles · rise + dip
tilt-split — bottom placement above, top placement (flipped vertical + horizontal) below.
mountains
family: peaks · rise + dip
mountains — bottom placement above, top placement (flipped vertical + horizontal) below.
triangle
family: peaks · rise + dip
triangle — bottom placement above, top placement (flipped vertical + horizontal) below.
rounded-split
family: rounded · rise + dip
rounded-split — bottom placement above, top placement (flipped vertical + horizontal) below.
blob-edge-1
family: organic · rise + dip
blob-edge-1 — bottom placement above, top placement (flipped vertical + horizontal) below.
blob-edge-2
family: organic · rise + dip
blob-edge-2 — bottom placement above, top placement (flipped vertical + horizontal) below.
blob-edge-3
family: organic · rise + dip
blob-edge-3 — bottom placement above, top placement (flipped vertical + horizontal) below.
steep-tilt
family: angles · rise + dip
steep-tilt — bottom placement above, top placement (flipped vertical + horizontal) below.
bold-wave
family: waves · rise + dip
bold-wave — bottom placement above, top placement (flipped vertical + horizontal) below.
clouds
family: rounded · rise + dip
clouds — bottom placement above, top placement (flipped vertical + horizontal) below.
layered-wave
family: waves · rise + dip
layered-wave — bottom placement above, top placement (flipped vertical + horizontal) below.
layered-tilt
family: angles · rise + dip
layered-tilt — bottom placement above, top placement (flipped vertical + horizontal) below.
The wash
Two white sections — the 10% primary tint gives them a flowing edge anyway (curvy mode places these automatically at same-colour boundaries; a 25% rung and the muted slot back it up when the tint is too subtle).
…and below, the deeper 25% rung as a top divider.
End of the wash demo.
End of catalogue
Every path above re-colours through the site palette — no hex anywhere.