SVG Pattern Generator

Grid Rule

Graph paper, at any weight and angle.

2 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

  • Grid RuleSEAMLESS · GRID
    Portrait — inset plate
  • Grid RuleSEAMLESS · GRID
    Portrait — full bleed
  • Grid RuleSEAMLESS · GRID
    Landscape — split
  • Grid RuleSEAMLESS · 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

One rule along the top of each cell and one down its left side. They are drawn as thin rectangles wholly inside the cell rather than as strokes on its edge: a stroke centred on the boundary hangs half outside, the tile clips the overhang, and the grid comes out at half the weight it was asked for. The rectangle has no such argument with the edge.