헤링본

<div class="wrap"><svg viewBox="0 0 113 57" preserveAspectRatio="xMidYMid slice" width="100%" height="100%">
  <defs>
    <pattern id="hb" width="28.28" height="14.14" patternUnits="userSpaceOnUse">
      <rect width="28.28" height="14.14" fill="#f1ebdd"/>
      <g stroke="#f1ebdd" stroke-width="0.9" stroke-linejoin="round">
        <g fill="#8a5f3a">
          <polygon points="-7.07,-7.07 0,-14.14 14.14,0 7.07,7.07"/>
          <polygon points="-7.07,-7.07 0,-14.14 14.14,0 7.07,7.07" transform="translate(28.28,0)"/>
          <polygon points="-7.07,-7.07 0,-14.14 14.14,0 7.07,7.07" transform="translate(0,14.14)"/>
          <polygon points="-7.07,-7.07 0,-14.14 14.14,0 7.07,7.07" transform="translate(28.28,14.14)"/>
          <polygon points="-7.07,-7.07 0,-14.14 14.14,0 7.07,7.07" transform="translate(0,-14.14)"/>
          <polygon points="-7.07,-7.07 0,-14.14 14.14,0 7.07,7.07" transform="translate(28.28,-14.14)"/>
        </g>
        <g fill="#a9754a">
          <polygon points="7.07,7.07 21.21,-7.07 28.28,0 14.14,14.14"/>
          <polygon points="7.07,7.07 21.21,-7.07 28.28,0 14.14,14.14" transform="translate(-28.28,0)"/>
          <polygon points="7.07,7.07 21.21,-7.07 28.28,0 14.14,14.14" transform="translate(0,14.14)"/>
          <polygon points="7.07,7.07 21.21,-7.07 28.28,0 14.14,14.14" transform="translate(-28.28,14.14)"/>
          <polygon points="7.07,7.07 21.21,-7.07 28.28,0 14.14,14.14" transform="translate(0,-14.14)"/>
          <polygon points="7.07,7.07 21.21,-7.07 28.28,0 14.14,14.14" transform="translate(-28.28,-14.14)"/>
        </g>
      </g>
      <animateTransform attributeName="patternTransform" type="translate" from="0 0" to="-28.28 -14.14" dur="9s" repeatCount="indefinite"/>
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#hb)"/>
</svg></div><span class="tag">herringbone</span>

.wrap{position:absolute;inset:0;overflow:hidden}
.tag{position:absolute;left:10px;bottom:8px;padding:3px 9px;border-radius:999px;background:rgba(58,35,15,.82);
  color:#f7f0e2;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}