{
  "format": "piksio-image",
  "version": 2,
  "name": "Loyalty points",
  "category": "loyalty",
  "tags": [
    "points",
    "progress-bar"
  ],
  "width": 1200,
  "height": 600,
  "description": "Their points balance and an animated progress bar to the next reward.",
  "fields": [
    {
      "key": "first_name",
      "label": "First name",
      "kind": "text",
      "fallback": "there",
      "sample": "Sofia"
    },
    {
      "key": "points_balance",
      "label": "Points balance",
      "kind": "text",
      "fallback": "",
      "sample": "2,480"
    },
    {
      "key": "reward_progress",
      "label": "Progress to next reward",
      "kind": "chart",
      "fallback": "",
      "sample": "64"
    }
  ],
  "scene": {
    "version": "5.3.0",
    "objects": [
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 36,
        "top": 140,
        "width": 1128,
        "height": 58,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "Hey {{first_name}}!",
        "fontSize": 47,
        "lineHeight": 1.1,
        "fontWeight": 600,
        "fontFamily": "Inter",
        "textAlign": "center",
        "fill": "#FFFAF2",
        "styles": {},
        "layerName": "AI text — Hey {{first_name}}!",
        "textEffect": {
          "kind": "drop-shadow",
          "offset": 3,
          "blur": 6
        }
      },
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 36,
        "top": 219,
        "width": 1128,
        "height": 101,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "You have {{points_balance}} points",
        "fontSize": 81,
        "lineHeight": 1.1,
        "fontWeight": 700,
        "fontFamily": "Inter",
        "textAlign": "center",
        "fill": "#FFD400",
        "styles": {},
        "layerName": "AI text — You have {{points_balance}} po"
      },
      {
        "type": "image",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 276,
        "top": 356,
        "width": 648,
        "height": 104,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "crossOrigin": "anonymous",
        "elementKind": "chart",
        "chartSettings": {
          "kind": "progress",
          "color": "#FFD400",
          "trackColor": "#9AA0A8",
          "width": 648,
          "height": 104,
          "points": [
            {
              "label": "",
              "value": 65,
              "variableKey": "reward_progress"
            }
          ],
          "textColor": "#1A1610",
          "title": "Progress to next reward",
          "titleColor": "#FFFAF2",
          "titlePosition": "top",
          "animate": true,
          "animateDurationMs": 1600,
          "titleFontSize": 31,
          "progressBarHeight": 49
        },
        "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%22648%22%20height%3D%22104%22%20viewBox%3D%220%200%20648%20104%22%3E%3Crect%20x%3D%222%22%20y%3D%2253%22%20width%3D%22644%22%20height%3D%2249%22%20rx%3D%2224.5%22%20fill%3D%22%239AA0A8%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2253%22%20width%3D%22418.6%22%20height%3D%2249%22%20rx%3D%2224.5%22%20fill%3D%22%23FFD400%22%2F%3E%3C%2Fsvg%3E"
      }
    ],
    "background": "#ffffff",
    "backgroundMode": "image",
    "backgroundImageUrl": "https://pub-4d556478232842378e5c512894985e29.r2.dev/v2-canvas/draft/daa13602-4b55-4748-bcfd-afc0e85d6840.png",
    "backgrounds": [
      {
        "name": "default",
        "url": "https://pub-4d556478232842378e5c512894985e29.r2.dev/v2-canvas/draft/daa13602-4b55-4748-bcfd-afc0e85d6840.png",
        "prompt": "A premium loyalty rewards banner with a sophisticated gradient background flowing from deep purple on the left to warm coral pink on the right. The composition features a clean horizontal layout with the left third reserved as blank empty space for a profile element, the center third kept completely clear and unwritten for text overlays, and the right third left blank for a progress indicator. Subtle geometric patterns of faint hexagons and circles float in the background, creating depth without cluttering the foreground. Soft ambient lighting gives the scene a welcoming, celebratory feel. The overall aesthetic is modern, rewarding, and aspirational with a color palette of rich purples, coral pinks, and gold accents. 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
    }
  }
}