Every Pattern Tile
Twenty-four tiles, one factory each. Each one is a <pattern> element and the url(#id) that
references it, and each one joins with itself: what leaves through one edge comes back through
the opposite one, so a filled surface shows no seam and no shape cut at a boundary.
Seventeen are ruled by geometry. The other seven take a seed: their disorder is enclosed in a
larger tile that still repeats. How noticeable that repeat is depends on its size and the surface.
Every figure below is the tile its page documents, filling a surface.
Choosing one
| You want | Use |
|---|---|
| an even texture that reads as tone | dots, with stagger to break the lattice |
| shading that darkens without a solid fill | crosshatch, or roughHatch for a drawn look |
| a background measure behind a plan | grid, or dots with phase for its nodes alone |
| bands at an angle | stripes with withAngle() |
| a surface with a direction | chevron, or scales |
| a mesh that reads as structure | honeycomb |
| transparency showing through | checker |
| a texture with a larger, less regular repeat | truchet, jitteredDots, or confetti |
| masonry | staggeredBricks |
| cloth | houndstooth |
| an organic mesh, closer to cracked glaze than to a rule | voronoi, filled or as edges alone |
| the same territories set as tesserae, on a grid | mosaic |
| a fine lattice with more structure than a crosshatch | asanoha |
| a flat surface that reads as volume | isometricCubes |
| the third regular tessellation, after the square and the hexagon | triangles |
| a bond where every brick is turned against the last | herringbone |
| the wave of Japanese textile | seigaiha |
| circles closing into rosettes | flowerOfLife |
| a curved lattice, closer to a screen than to a grid | quatrefoil |
| a running ornament drawn as one line | greekKey |