SVG Pattern Generator

Diamond Lattice

Squares stood on their corners.

18 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

  • Diamond LatticeSEAMLESS · GRID
    Portrait — inset plate
  • DiamondLatticeSEAMLESS · GRID
    Portrait — full bleed
  • DiamondLatticeSEAMLESS · GRID
    Landscape — split
  • Diamond LatticeSEAMLESS · GRID
    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

Squares turned through forty-five degrees, half-dropped so the gaps between them are themselves diamonds. The shape is rotated rather than the field, which leaves the angle control free to turn the whole lattice on top of that — and it is that second rotation, not the first, that separates a plain diamond grid from an argyle.