SVG Pattern Generator

Ridgeline

Stacked profiles, each hiding the one behind it.

52 shapes · 1000 × 1000 viewBox

Colour

Leaves the backdrop unpainted so the pattern drops onto any surface. Ridgeline and Iso Cube Grid still paint the colour above, because it is what hides the shapes behind them.

Presets
Shape

See it in use

  • RidgelineNOISE · FLOW
    Portrait — inset plate
  • RidgelineNOISE · FLOW
    Portrait — full bleed
  • RidgelineNOISE · FLOW
    Landscape — split
  • RidgelineNOISE · FLOW
    Landscape — band

As a website background

Infrastructure that gets out of the way

A worked example — your pattern, sitting behind real page furniture.

Start building

How it works

A stack of horizontal profiles, each lifted by a band of fractal noise and windowed by a bell so the disturbance dies away at both ends and the margins stay flat. What makes it read as terrain rather than as a stack of wiggly lines is occlusion: each profile is filled with the background colour before it is stroked, and they are painted back to front, so a tall ridge genuinely hides the one behind it. Drop the amplitude to nothing and it collapses to ruled lines — the depth was never in the drawing, only in the painting order.

Related patterns