{
  "$schema": "https://gra.dient.art/schemas/gradient-art-v1.schema.json",
  "format": "gradient-art",
  "version": 1,
  "project": {
    "document": { "title": "Linked tiles", "description": "Two clones share their color, with independently bound placement.", "keywords": ["clones"], "width": 500, "height": 500 },
    "backgrounds": [
      { "type": "clone", "sourceId": "tile", "placement": { "position": [40, 40], "size": [160, 160], "bindings": { "size.0": "tile-size", "size.1": "tile-size" } } },
      { "type": "clone", "sourceId": "tile", "placement": { "position": [240, 240], "size": [160, 160], "bindings": { "position.0": { "expression": "--tile-size + 80" }, "size.0": "tile-size", "size.1": "tile-size" } } }
    ],
    "variables": [
      { "id": "tile-size", "name": "tile-size", "label": "Tile size", "type": "number", "defaultValue": 160, "min": 40, "max": 200, "exposed": true },
      { "id": "ink", "name": "ink", "label": "Tile color", "type": "color", "defaultValue": [69, 168, 255, 1], "exposed": true }
    ],
    "cloneSources": {
      "tile": {
        "name": "Tile", "visible": true,
        "position": [0, 0], "size": [160, 160], "repeat": [false, false],
        "gradient": { "type": "solid", "stops": [{ "color": [69, 168, 255, 1], "position": 0, "bindings": { "color": "ink" } }] }
      }
    }
  }
}