Tartan (plaid)

타탄 (플레이드)

A grid woven from the same sequence of coloured stripes in both directions, so the crossings mix new colours and diagonal lines of their own.

Also known as: 체크무늬Scottish plaid
···
html
<div class="tt"></div><span class="tag">tartan</span>
css
.tt{position:absolute;inset:0;background-color:#7a1f2b;
  background-image:
    repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 3px,transparent 3px 40px),
    repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 3px,transparent 3px 40px),
    repeating-linear-gradient(90deg,rgba(245,222,160,.55) 18px 20px,transparent 20px 40px),
    repeating-linear-gradient(0deg,rgba(245,222,160,.55) 18px 20px,transparent 20px 40px);
  background-size:40px 40px;
  animation:pan 11s linear infinite}
@keyframes pan{to{background-position:40px 40px,40px 40px,40px 40px,40px 40px}}
.tag{position:absolute;left:10px;bottom:8px;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.6);
  color:#f5deb0;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}

Tartan comes out of Highland Scottish wool-weaving. The idea that a given pattern belongs to a specific clan is mostly a Victorian-era invention, romanticised and standardised in the 19th century — before that, setts varied freely by region and weaver.

The repeat unit is the "sett" — a sequence of coloured stripes. Weave that same sequence into both the warp and the weft on a twill loom, and wherever two solid-coloured stripes cross, their colours blend into a new one, plus the twill's own faint diagonal grain shows through. That's why tartan reads as both a grid and a soft diagonal texture at once.

A CSS approximation stacks several repeating-linear-gradients of different widths and colours, horizontal and vertical. Following an actual sett's thread count can reproduce a specific historical tartan; for most design purposes, layering three or four stripe widths is already enough to read as "tartan."

When to use

Use for holiday packaging, flannel/outerwear texture, punk and grunge moods. Using a specific clan tartan commercially is worth checking against the Scottish Register of Tartans etiquette.