TEXTURE STUDIES / SET 01

Small patterns.
Room to repeat.

Three repeatable SVG swatches for backgrounds, mockups and print tests. Pick a tile and use it at any scale.

THE FIRST SET

Vector swatches

03 / SVG

01 · GRID

A fine blue lattice with a dot at every other crossing.

Download SVG

02 · STRIPE

Broken terracotta bands with a narrow seam between rows.

Download SVG

03 · DASH

Soft green blocks with short marks like a running stitch.

Download SVG

Using a swatch

Save the SVG beside your stylesheet. Keep the 2:1 ratio if you resize the tile.

.surface {
  background: #172d3b url("shore-grid.svg") repeat;
  background-size: 240px 120px;
}