{
  "format": "piksio-image",
  "version": 2,
  "name": "Goal progress card",
  "category": "recap",
  "tags": [
    "progress-bar",
    "donut",
    "fitness"
  ],
  "width": 1200,
  "height": 1200,
  "description": "A progress bar and a donut for their weekly goals.",
  "fields": [
    {
      "key": "first_name",
      "label": "First name",
      "kind": "text",
      "fallback": "there",
      "sample": "Kwame"
    },
    {
      "key": "goal_progress",
      "label": "Weekly distance goal",
      "kind": "chart",
      "fallback": "",
      "sample": "72"
    },
    {
      "key": "active_days",
      "label": "Active days",
      "kind": "chart",
      "fallback": "",
      "sample": "86"
    }
  ],
  "scene": {
    "version": "5.3.0",
    "objects": [
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 72,
        "top": 118,
        "width": 1056,
        "height": 51,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "Hey {{first_name}},",
        "fontSize": 41,
        "lineHeight": 1.1,
        "fontWeight": 600,
        "fontFamily": "Inter",
        "textAlign": "center",
        "fill": "#1A1610",
        "styles": {},
        "layerName": "AI text — Hey {{first_name}},"
      },
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 72,
        "top": 187,
        "width": 1056,
        "height": 73,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "You're crushing it this week",
        "fontSize": 59,
        "lineHeight": 1.1,
        "fontWeight": 700,
        "fontFamily": "Inter",
        "textAlign": "center",
        "fill": "#1A1610",
        "styles": {},
        "layerName": "AI text — You're crushing it this week"
      },
      {
        "type": "image",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 364,
        "top": 287,
        "width": 472,
        "height": 138,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "crossOrigin": "anonymous",
        "elementKind": "chart",
        "chartSettings": {
          "kind": "progress",
          "color": "#FF6B4A",
          "trackColor": "#3A3A44",
          "width": 472,
          "height": 138,
          "points": [
            {
              "label": "",
              "value": 65,
              "variableKey": "goal_progress"
            }
          ],
          "textColor": "#1A1610",
          "title": "Weekly distance goal",
          "titleColor": "#1A1610",
          "titlePosition": "top",
          "animate": false,
          "titleFontSize": 42,
          "progressBarHeight": 72
        },
        "layerName": "Progress bar chart",
        "src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22472%22%20height%3D%22138%22%20viewBox%3D%220%200%20472%20138%22%3E%3Crect%20x%3D%222%22%20y%3D%2264%22%20width%3D%22468%22%20height%3D%2272%22%20rx%3D%2236%22%20fill%3D%22%233A3A44%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2264%22%20width%3D%22304.2%22%20height%3D%2272%22%20rx%3D%2236%22%20fill%3D%22%23FF6B4A%22%2F%3E%3C%2Fsvg%3E"
      },
      {
        "type": "image",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 535,
        "top": 443,
        "width": 130,
        "height": 184,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "crossOrigin": "anonymous",
        "elementKind": "chart",
        "chartSettings": {
          "kind": "donut",
          "color": "#4ECDC4",
          "trackColor": "#3A3A44",
          "width": 130,
          "height": 184,
          "points": [
            {
              "label": "",
              "value": 65,
              "variableKey": "active_days"
            }
          ],
          "textColor": "#1A1610",
          "title": "Active days",
          "titleColor": "#1A1610",
          "titlePosition": "bottom",
          "animate": false,
          "titleFontSize": 42
        },
        "layerName": "Donut chart",
        "src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%22184%22%20viewBox%3D%220%200%20130%20184%22%3E%3Cg%20transform%3D%22translate(0%200)%22%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2265%22%20r%3D%2250.739999999999995%22%20fill%3D%22none%22%20stroke%3D%22%233A3A44%22%20stroke-width%3D%2216.520000000000003%22%2F%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2265%22%20r%3D%2250.739999999999995%22%20fill%3D%22none%22%20stroke%3D%22%234ECDC4%22%20stroke-width%3D%2216.520000000000003%22%20stroke-dasharray%3D%22190.7057346160899%20318.8088224862922%22%20stroke-linecap%3D%22round%22%20transform%3D%22rotate(-90%2065%2065)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
      }
    ],
    "background": "#ffffff",
    "backgroundMode": "image",
    "backgroundImageUrl": "https://pub-4d556478232842378e5c512894985e29.r2.dev/v2-canvas/draft/22c9d0ae-b28d-4c35-8c7b-94987a589a39.png",
    "backgrounds": [
      {
        "name": "default",
        "url": "https://pub-4d556478232842378e5c512894985e29.r2.dev/v2-canvas/draft/22c9d0ae-b28d-4c35-8c7b-94987a589a39.png",
        "prompt": "A bright fitness scene: a pair of vibrant running shoes in coral and turquoise sit on a soft pastel floor in the bottom quarter of the frame. The floor is a smooth gradient of pale peach and mint. The upper three-quarters of the composition is a clean, empty wall in warm off-white with soft natural lighting from the left, creating gentle shadows. The wall surface is completely blank and unwritten, providing large open areas for overlay elements. Minimalist athletic aesthetic with airy negative space. Strictly text-free image. No text, no letters, no words, no numbers, no barcodes, no logos, no charts, no watermarks anywhere. Leave clean blank flat surfaces for overlay layers."
      }
    ],
    "fieldFallbacks": {
      "first_name": "there"
    },
    "renderSettings": {
      "format": "png"
    }
  }
}