{
  "format": "piksio-image",
  "version": 2,
  "name": "Referral",
  "category": "referral",
  "tags": [
    "qr-code",
    "share"
  ],
  "width": 1200,
  "height": 1200,
  "description": "Their referral code plus a QR code to share.",
  "fields": [
    {
      "key": "first_name",
      "label": "First name",
      "kind": "text",
      "fallback": "there",
      "sample": "Omar"
    },
    {
      "key": "referral_code",
      "label": "Referral code",
      "kind": "text",
      "fallback": "",
      "sample": "OMAR-10"
    },
    {
      "key": "qr_url",
      "label": "Referral link (QR)",
      "kind": "qr",
      "fallback": "",
      "sample": "https://piksio.com"
    }
  ],
  "scene": {
    "version": "5.3.0",
    "objects": [
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 72,
        "top": 168,
        "width": 1056,
        "height": 63,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "Hi {{first_name}},",
        "fontSize": 51,
        "lineHeight": 1.1,
        "fontWeight": 500,
        "fontFamily": "Inter",
        "textAlign": "center",
        "fill": "#1A1610",
        "styles": {},
        "layerName": "AI text — Hi {{first_name}},"
      },
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 72,
        "top": 255,
        "width": 1056,
        "height": 133,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "Give $10, Get $10",
        "fontSize": 107,
        "lineHeight": 1.1,
        "fontWeight": 700,
        "fontFamily": "Inter",
        "textAlign": "center",
        "fill": "#1A1610",
        "styles": {},
        "layerName": "AI text — Give $10, Get $10"
      },
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 72,
        "top": 436,
        "width": 1056,
        "height": 53,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "Your referral code:",
        "fontSize": 43,
        "lineHeight": 1.1,
        "fontWeight": 500,
        "fontFamily": "Inter",
        "textAlign": "center",
        "fill": "#1A1610",
        "styles": {},
        "layerName": "AI text — Your referral code:"
      },
      {
        "type": "textbox",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 72,
        "top": 509,
        "width": 1056,
        "height": 91,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "text": "{{referral_code}}",
        "fontSize": 73,
        "lineHeight": 1.1,
        "fontWeight": 700,
        "fontFamily": "Space Mono",
        "textAlign": "center",
        "fill": "#1A1610",
        "styles": {},
        "layerName": "AI text — {{referral_code}}"
      },
      {
        "type": "image",
        "version": "5.3.0",
        "originX": "left",
        "originY": "top",
        "left": 420,
        "top": 720,
        "width": 360,
        "height": 360,
        "scaleX": 1,
        "scaleY": 1,
        "angle": 0,
        "opacity": 1,
        "crossOrigin": "anonymous",
        "src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%22360%22%20viewBox%3D%220%200%20360%20360%22%3E%3Crect%20width%3D%22360%22%20height%3D%22360%22%20fill%3D%22%23e6e8eb%22%2F%3E%3Cg%20fill%3D%22%231c1a16%22%3E%3Crect%20x%3D%2272%22%20y%3D%2272%22%20width%3D%2278%22%20height%3D%2278%22%20rx%3D%228%22%2F%3E%3Crect%20x%3D%22210%22%20y%3D%2272%22%20width%3D%2278%22%20height%3D%2278%22%20rx%3D%228%22%2F%3E%3Crect%20x%3D%2272%22%20y%3D%22210%22%20width%3D%2278%22%20height%3D%2278%22%20rx%3D%228%22%2F%3E%3Crect%20x%3D%22174%22%20y%3D%22174%22%20width%3D%2242%22%20height%3D%2242%22%20rx%3D%225%22%2F%3E%3Crect%20x%3D%22234%22%20y%3D%22210%22%20width%3D%2254%22%20height%3D%2224%22%20rx%3D%225%22%2F%3E%3Crect%20x%3D%22210%22%20y%3D%22258%22%20width%3D%2278%22%20height%3D%2230%22%20rx%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23e6e8eb%22%3E%3Crect%20x%3D%2290%22%20y%3D%2290%22%20width%3D%2242%22%20height%3D%2242%22%2F%3E%3Crect%20x%3D%22228%22%20y%3D%2290%22%20width%3D%2242%22%20height%3D%2242%22%2F%3E%3Crect%20x%3D%2290%22%20y%3D%22228%22%20width%3D%2242%22%20height%3D%2242%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",
        "elementKind": "qr",
        "variableKey": "qr_url",
        "layerName": "QR Code",
        "hideWhenMissing": true,
        "qrSettings": {
          "url": "",
          "appendPersonalization": false
        }
      }
    ],
    "background": "#ffffff",
    "backgroundMode": "image",
    "backgroundImageUrl": "https://pub-4d556478232842378e5c512894985e29.r2.dev/v2-canvas/draft/e835f629-4a9f-41f5-aa6a-4ce9a1b4c696.png",
    "backgrounds": [
      {
        "name": "default",
        "url": "https://pub-4d556478232842378e5c512894985e29.r2.dev/v2-canvas/draft/e835f629-4a9f-41f5-aa6a-4ce9a1b4c696.png",
        "prompt": "Two cheerful wrapped gift boxes with satin ribbons sit on a soft coral backdrop, arranged in the lower left corner. The boxes are elegantly wrapped in pastel paper with delicate bows. The composition leaves the entire upper half and right side completely empty and clean, providing ample calm negative space. Soft natural lighting creates gentle shadows. The coral background is smooth, uniform, and uncluttered. The upper right corner is especially clear and empty. Minimalist, warm, inviting aesthetic with a focus on generous blank space for overlay elements. 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"
    }
  }
}