Design AtlasThe layout traces back to Roman road paving (opus spicatum, bricks set on edge in interlocking rows) and appears naturally wherever twill weaving is used — it's the signature texture of tweed suiting.
It's often confused with chevron, but the two differ structurally: chevron's peaks line up at the exact same point row after row in a mirrored zigzag, while herringbone's short "plank" segments are offset by half a unit from the row above, so they interlock rather than mirror. That offset is what gives herringbone its ragged, fish-spine feel.
Approximating a plank with plain diagonal stripes (two 45°/−45° gradient layers overlaid) produces a crosshatch lattice, not teeth — the plank being a short rectangle is exactly what matters. In SVG, a plank with a 1:2 width-to-length ratio, laid at 45°, becomes a pair of interlocking kite shapes inside one repeat tile. Parquet flooring, tweed, and herringbone brick paving are all built on the same underlying logic.
When to use
Use for tweed texture, flooring/tile mockups, or any background that should read as woven rather than printed.