SVG Pattern Generator

Dash Rows

Broken rules, offset so the gaps never line up.

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

  • Dash RowsSEAMLESS
    Portrait — inset plate
  • Dash RowsSEAMLESS
    Portrait — full bleed
  • Dash RowsSEAMLESS
    Landscape — split
  • Dash RowsSEAMLESS
    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 dash per row, with alternate rows shifted by half a dash. The offset is the entire design: dashes repeating straight leave their breaks stacked one above another, and the eye reads the resulting column of gaps as a vertical channel running through the field. Half a dash is enough to break it.

Related patterns