{
  "site": "texture.website",
  "concept": "grain",
  "attribute": "data-spw-texture-slice",
  "terms": "Free for personal and study use with credit to texture.website. Commercial use by commission.",
  "slices": [
    {
      "id": "paper",
      "name": "Paper fiber",
      "token": "data-spw-texture-slice=\"paper\"",
      "meaning": "Warm cellulose grain. Reading surfaces that want to stay put.",
      "use": {
        "css": ".texture-paper {\n  background-color: #c4a574;\n  background-image: url(\"texture-paper-fiber-display.webp\");\n  background-size: cover;\n  background-position: center;\n}",
        "html": "<div class=\"texture-paper\">…</div>",
        "files": {
          "webp": "https://spwashi.com/public/images/assets/motifs/texture-paper-fiber-display.webp",
          "avif": "https://spwashi.com/public/images/assets/motifs/texture-paper-fiber-display.avif"
        }
      }
    },
    {
      "id": "linen",
      "name": "Linen weave",
      "token": "data-spw-texture-slice=\"linen\"",
      "meaning": "Crossed threads. Cloth memory under illustration.",
      "use": {
        "css": ".texture-linen {\n  background-color: #b8ad98;\n  background-image: url(\"texture-linen-weave-display.webp\");\n  background-size: cover;\n  background-position: center;\n}",
        "html": "<div class=\"texture-linen\">…</div>",
        "files": {
          "webp": "https://spwashi.com/public/images/assets/motifs/texture-linen-weave-display.webp",
          "avif": "https://spwashi.com/public/images/assets/motifs/texture-linen-weave-display.avif"
        }
      }
    },
    {
      "id": "harlequin",
      "name": "Harlequin diamonds",
      "token": "data-spw-texture-slice=\"harlequin\"",
      "meaning": "Play lattice. Pattern that can carry a scene without becoming a costume.",
      "use": {
        "css": ".texture-harlequin {\n  background-color: #5b4a6b;\n  background-image: url(\"texture-harlequin-diamonds-display.webp\");\n  background-size: cover;\n  background-position: center;\n}",
        "html": "<div class=\"texture-harlequin\">…</div>",
        "files": {
          "webp": "https://spwashi.com/public/images/assets/motifs/texture-harlequin-diamonds-display.webp",
          "avif": "https://spwashi.com/public/images/assets/motifs/texture-harlequin-diamonds-display.avif"
        }
      }
    },
    {
      "id": "wash",
      "name": "Cream ochre wash",
      "token": "data-spw-texture-slice=\"wash\"",
      "meaning": "Thin pigment on paper. A field, not a fill.",
      "use": {
        "css": ".texture-wash {\n  background-color: #d8b886;\n  background-image: url(\"texture-cream-ochre-wash-display.webp\");\n  background-size: cover;\n  background-position: center;\n}",
        "html": "<div class=\"texture-wash\">…</div>",
        "files": {
          "webp": "https://spwashi.com/public/images/assets/motifs/texture-cream-ochre-wash-display.webp",
          "avif": "https://spwashi.com/public/images/assets/motifs/texture-cream-ochre-wash-display.avif"
        }
      }
    }
  ],
  "signals": [
    {
      "id": "stripes",
      "name": "Stripes",
      "meaning": "Repetition with personality",
      "detail": "Parallel bands keep rhythm without collapsing into sameness."
    },
    {
      "id": "grain",
      "name": "Grain",
      "meaning": "Surface memory",
      "detail": "Texture should feel carried by the surface, not placed on top of it."
    },
    {
      "id": "glow",
      "name": "Glow",
      "meaning": "Attention under pressure",
      "detail": "Accents should feel like energy coming through a material."
    },
    {
      "id": "response",
      "name": "Response",
      "meaning": "State through contact",
      "detail": "Hover, focus, and hold should change the reading, not only the decoration."
    }
  ],
  "metamaterials": [
    {
      "id": "paper",
      "name": "Paper",
      "detail": "Opaque and warm. Stable documents that want full reading focus."
    },
    {
      "id": "glass",
      "name": "Glass",
      "detail": "Translucent. Floating panels that stay aware of what sits underneath."
    },
    {
      "id": "matte",
      "name": "Matte",
      "detail": "Flat and receding. Background structure that does not steal attention."
    },
    {
      "id": "field",
      "name": "Field",
      "detail": "High-contrast staging. Interactive tests and alert states."
    }
  ],
  "proving_ground": "https://spwashi.com/design/materials/"
}