디자인 아틀라스
EN
▞ 패턴·텍스타일

타탄 (플레이드)

Tartan (plaid)

색이 다른 여러 줄무늬 묶음을 세로·가로로 똑같이 짜서, 교차점마다 새로운 혼색과 대각선이 생기는 격자.

다른 이름: 체크무늬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}

스코틀랜드 하이랜드 지역의 모직 직조 전통에서 나왔습니다. 특정 무늬가 특정 씨족(clan)을 상징한다는 통념은 대부분 19세기 빅토리아 시대에 낭만적으로 재구성·표준화된 것이고, 그 이전에는 지역·직조공에 따라 자유롭게 짜였습니다.

반복 단위는 "세트(sett)"라 부르는 색 줄 순서입니다 — 이 순서를 세로(날실)와 가로(씨실)에 똑같이 적용해 능직으로 짜면, 단색 줄이 교차하는 곳마다 두 색이 섞인 새 색이 생기고, 능직 특유의 대각선 결까지 더해집니다. 그래서 타탄은 격자이면서 동시에 은은한 대각선 무늬로도 보입니다.

CSS 근사는 여러 굵기·색의 repeating-linear-gradient 를 가로·세로로 겹겹이 쌓아 만듭니다. 실제 세트 배색표(스레드카운트)를 그대로 따르면 특정 타탄을 재현할 수도 있지만, 대부분의 디자인 용도에서는 두께가 다른 줄 3~4겹을 겹치는 것만으로 충분히 "타탄스러움"이 만들어집니다.

언제 쓰나

홀리데이 패키징, 플란넬/아우터 텍스처, 펑크·그런지 무드에 씁니다. 특정 씨족 타탄을 상업적으로 쓸 땐 스코틀랜드 타탄 등록부 예의를 확인하세요.