{
  "format": "piksio-image",
  "version": 2,
  "name": "Year in review",
  "category": "recap",
  "tags": [
    "stats",
    "donut"
  ],
  "width": 1200,
  "height": 1200,
  "description": "Their year in numbers, with a donut for their goal.",
  "fields": [
    {
      "key": "first_name",
      "label": "First name",
      "kind": "text",
      "fallback": "there",
      "sample": "Mateo"
    },
    {
      "key": "orders_count",
      "label": "Orders this year",
      "kind": "text",
      "fallback": "",
      "sample": "27"
    },
    {
      "key": "top_product",
      "label": "Favorite product",
      "kind": "text",
      "fallback": "",
      "sample": "Oat latte"
    },
    {
      "key": "goal_percent",
      "label": "Yearly goal reached",
      "kind": "chart",
      "fallback": "",
      "sample": "76"
    }
  ],
  "scene": {
    "version": "5.3.0",
    "objects": [
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 100,
        "top": 151,
        "width": 1000,
        "height": 283,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "{{first_name}}, your year with us",
        "fontSize": 114,
        "lineHeight": 1.1,
        "fontWeight": 700,
        "fontFamily": "Space Grotesk",
        "textAlign": "center",
        "fill": "#FFFAF2",
        "styles": {},
        "layerName": "AI text — {{first_name}}, your year with"
      },
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 72,
        "top": 486,
        "width": 1056,
        "height": 106,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "{{orders_count}} orders",
        "fontSize": 85,
        "lineHeight": 1.1,
        "fontWeight": 600,
        "fontFamily": "Space Grotesk",
        "textAlign": "center",
        "fill": "#FFD400",
        "styles": {},
        "layerName": "AI text — {{orders_count}} orders"
      },
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 72,
        "top": 630,
        "width": 1056,
        "height": 83,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "Favorite: {{top_product}}",
        "fontSize": 67,
        "lineHeight": 1.1,
        "fontWeight": 500,
        "fontFamily": "Inter",
        "textAlign": "center",
        "fill": "#FFFAF2",
        "styles": {},
        "layerName": "AI text — Favorite: {{top_product}}"
      },
      {
        "type": "image",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 475,
        "top": 743,
        "width": 251,
        "height": 306,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "crossOrigin": "anonymous",
        "elementKind": "chart",
        "chartSettings": {
          "kind": "donut",
          "color": "#FFD400",
          "trackColor": "#4A3F6B",
          "width": 251,
          "height": 306,
          "points": [
            {
              "label": "",
              "value": 65,
              "variableKey": "goal_percent"
            }
          ],
          "textColor": "#FFFAF2",
          "title": "Yearly goal reached",
          "titleColor": "#FFFAF2",
          "titlePosition": "bottom",
          "animate": true,
          "animateDurationMs": 1600,
          "titleFontSize": 43
        },
        "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%22251%22%20height%3D%22306%22%20viewBox%3D%220%200%20251%20306%22%3E%3Cg%20transform%3D%22translate(0%200)%22%3E%3Ccircle%20cx%3D%22125.5%22%20cy%3D%22125.5%22%20r%3D%22102.77%22%20fill%3D%22none%22%20stroke%3D%22%234A3F6B%22%20stroke-width%3D%2233.46%22%2F%3E%3Ccircle%20cx%3D%22125.5%22%20cy%3D%22125.5%22%20r%3D%22102.77%22%20fill%3D%22none%22%20stroke%3D%22%23FFD400%22%20stroke-width%3D%2233.46%22%20stroke-dasharray%3D%22386.25992011225%20645.722954018846%22%20stroke-linecap%3D%22round%22%20transform%3D%22rotate(-90%20125.5%20125.5)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
      }
    ],
    "background": "#ffffff",
    "backgroundMode": "image",
    "backgroundImageUrl": "https://pub-4d556478232842378e5c512894985e29.r2.dev/v2-canvas/draft/367835db-e0ff-49d8-9a40-3c93800c155c.png",
    "backgrounds": [
      {
        "name": "default",
        "url": "https://pub-4d556478232842378e5c512894985e29.r2.dev/v2-canvas/draft/367835db-e0ff-49d8-9a40-3c93800c155c.png",
        "prompt": "A warm celebratory year-in-review composition with a soft gradient background blending from deep midnight blue at the top through rich purple to warm coral pink at the bottom, creating an uplifting glow. Scattered abstract confetti shapes and subtle sparkle elements float across the scene. The upper third features gentle bokeh light effects. The center-right area remains completely blank and empty with a flat solid surface for overlay elements. The bottom half is clean and unobstructed with smooth gradient fill. Soft directional lighting from top-left creates depth. Modern, optimistic, achievement-focused aesthetic with premium feel. 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": "gif",
      "outlookSafeFirstFrame": true
    },
    "animationSettings": {
      "durationMs": 1600,
      "fps": 12
    }
  }
}