Concentric Drift
Rings that hold their shape at the centre and lose it at the rim.
See it in use
- Portrait — inset plate
- Portrait — full bleed
- Landscape — split
- Landscape — band
As a website background
Northwind
Infrastructure that gets out of the way
A worked example — your pattern, sitting behind real page furniture.
Start buildingHow it works
Rings are drawn as closed polygons, and every vertex is pushed in or out along its own radius by a sample of gradient noise. Because the noise is sampled in the ring’s own coordinates, neighbouring rings read nearly the same value and drift together rather than crossing — the family deforms as a sheet. Drift is scaled by a power of the ring index, so the innermost rings stay very nearly circular and give the eye a fixed reference for how far the outer ones have wandered.