{
  "version": 1,
  "width": 720,
  "height": 400,
  "title": "File tree",
  "description": "Help a reader find the file they should edit. All values are illustrative example data.",
  "elements": [
    {
      "type": "text",
      "x": 36,
      "y": 39,
      "text": "A small, navigable project",
      "size": 17,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 36,
      "y": 62,
      "text": "Paths relative to the repository root",
      "size": 11,
      "fill": "muted",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 63,
      "y": 112,
      "text": "1",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 83,
      "y": 112,
      "text": "project/",
      "size": 15,
      "fill": "accent",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 63,
      "y": 141,
      "text": "2",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 83,
      "y": 141,
      "text": "├── src/",
      "size": 15,
      "fill": "ink",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 63,
      "y": 170,
      "text": "3",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 83,
      "y": 170,
      "text": "│   ├── lib/       # primitives + recipes",
      "size": 15,
      "fill": "ink",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 63,
      "y": 199,
      "text": "4",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 83,
      "y": 199,
      "text": "│   └── pages/     # gallery + reference",
      "size": 15,
      "fill": "accent",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 63,
      "y": 228,
      "text": "5",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 83,
      "y": 228,
      "text": "├── public/        # static assets",
      "size": 15,
      "fill": "ink",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 63,
      "y": 257,
      "text": "6",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 83,
      "y": 257,
      "text": "├── tests/         # rendering contracts",
      "size": 15,
      "fill": "ink",
      "align": "start",
      "mono": true
    },
    {
      "type": "text",
      "x": 63,
      "y": 286,
      "text": "7",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "text",
      "x": 83,
      "y": 286,
      "text": "└── tokens.css     # shared visual tokens",
      "size": 15,
      "fill": "accent",
      "align": "start",
      "mono": true
    }
  ]
}