{
  "version": 1,
  "name": "Data guide: shipping label",
  "page": {
    "size": "Custom",
    "width": 288,
    "height": 432,
    "orientation": "portrait",
    "margins": {
      "top": 14,
      "right": 14,
      "bottom": 14,
      "left": 14
    }
  },
  "locale": "en-US",
  "defaultStyle": {
    "fontFamily": "Arimo",
    "fontSize": 8.5,
    "color": "#111827",
    "lineHeight": 1.2
  },
  "styles": {
    "title": {
      "fontSize": 18,
      "bold": true,
      "color": "#0f4c81",
      "align": "right",
      "letterSpacing": 0.3
    },
    "subtitle": {
      "fontSize": 8,
      "color": "#4b5563",
      "align": "right"
    },
    "company": {
      "fontSize": 11,
      "bold": true,
      "color": "#111827"
    },
    "companyAddr": {
      "fontSize": 7.5,
      "color": "#4b5563",
      "lineHeight": 1.3
    },
    "section": {
      "fontSize": 7.5,
      "bold": true,
      "color": "#ffffff",
      "background": "#0f4c81",
      "vAlign": "middle",
      "padding": {
        "top": 0,
        "right": 6,
        "bottom": 0,
        "left": 6
      },
      "letterSpacing": 0.4,
      "textTransform": "uppercase"
    },
    "label": {
      "fontSize": 6.5,
      "bold": true,
      "color": "#4b5563",
      "textTransform": "uppercase",
      "letterSpacing": 0.3
    },
    "value": {
      "fontSize": 9,
      "color": "#111827"
    },
    "valueStrong": {
      "fontSize": 10,
      "bold": true,
      "color": "#111827"
    },
    "body": {
      "fontSize": 8.5,
      "color": "#111827",
      "lineHeight": 1.3
    },
    "muted": {
      "fontSize": 7,
      "color": "#4b5563",
      "lineHeight": 1.3
    },
    "fine": {
      "fontSize": 6.5,
      "color": "#4b5563",
      "lineHeight": 1.3
    },
    "totalLabel": {
      "fontSize": 8.5,
      "color": "#4b5563",
      "align": "right",
      "vAlign": "middle",
      "padding": {
        "top": 0,
        "right": 6,
        "bottom": 0,
        "left": 6
      }
    },
    "totalValue": {
      "fontSize": 9,
      "color": "#111827",
      "align": "right",
      "vAlign": "middle",
      "padding": {
        "top": 0,
        "right": 6,
        "bottom": 0,
        "left": 6
      }
    },
    "grandLabel": {
      "fontSize": 10,
      "bold": true,
      "color": "#ffffff",
      "background": "#0f4c81",
      "align": "right",
      "vAlign": "middle",
      "padding": {
        "top": 0,
        "right": 6,
        "bottom": 0,
        "left": 6
      }
    },
    "grandValue": {
      "fontSize": 10,
      "bold": true,
      "color": "#ffffff",
      "background": "#0f4c81",
      "align": "right",
      "vAlign": "middle",
      "padding": {
        "top": 0,
        "right": 6,
        "bottom": 0,
        "left": 6
      }
    }
  },
  "fonts": [],
  "metadata": {
    "title": "Shipping label {{ shipmentId }}",
    "author": "{{ company.name }}"
  },
  "bands": {
    "body": {
      "height": 360,
      "elements": [
        {
          "id": "txt1",
          "type": "text",
          "x": 0,
          "y": 0,
          "width": 260,
          "height": 9,
          "text": "FROM",
          "styleRef": "label"
        },
        {
          "id": "txt2",
          "type": "text",
          "x": 0,
          "y": 10,
          "width": 260,
          "height": 34,
          "text": "{{ shipFrom.name }}\n{{ shipFrom.address1 }}\n{{ shipFrom.city }}, {{ shipFrom.state }} {{ shipFrom.postalCode }}",
          "styleRef": "body"
        },
        {
          "id": "ln1",
          "type": "line",
          "x": 0,
          "y": 50,
          "width": 260,
          "height": 0,
          "stroke": {
            "width": 1,
            "color": "#111827"
          }
        },
        {
          "id": "txt3",
          "type": "text",
          "x": 0,
          "y": 56,
          "width": 260,
          "height": 10,
          "text": "SHIP TO",
          "styleRef": "label"
        },
        {
          "id": "txt4",
          "type": "text",
          "x": 0,
          "y": 68,
          "width": 260,
          "height": 60,
          "text": "{{ shipTo.name }}\n{{ shipTo.address1 }}\n{{ shipTo.city }}, {{ shipTo.state }} {{ shipTo.postalCode }}",
          "style": {
            "fontSize": 13,
            "bold": true,
            "lineHeight": 1.25
          }
        },
        {
          "id": "ln2",
          "type": "line",
          "x": 0,
          "y": 134,
          "width": 260,
          "height": 0,
          "stroke": {
            "width": 1,
            "color": "#111827"
          }
        },
        {
          "id": "txt5",
          "type": "text",
          "x": 0,
          "y": 142,
          "width": 130,
          "height": 26,
          "text": "{{ upper(service) }}",
          "style": {
            "fontSize": 20,
            "bold": true
          }
        },
        {
          "id": "txt6",
          "type": "text",
          "x": 130,
          "y": 142,
          "width": 130,
          "height": 26,
          "text": "Package {{ package.number }} of {{ package.count }}",
          "style": {
            "fontSize": 10,
            "align": "right",
            "vAlign": "middle"
          }
        },
        {
          "id": "txt7",
          "type": "text",
          "x": 0,
          "y": 174,
          "width": 260,
          "height": 20,
          "name": "Fragile notice",
          "text": "FRAGILE: HANDLE WITH CARE",
          "style": {
            "fontSize": 10,
            "bold": true,
            "color": "#ffffff",
            "background": "#111827",
            "align": "center",
            "vAlign": "middle"
          },
          "visibleIf": "fragile"
        },
        {
          "id": "bc1",
          "type": "barcode",
          "x": 10,
          "y": 204,
          "width": 240,
          "height": 70,
          "format": "code128",
          "value": "{{ trackingNumber }}",
          "showText": true,
          "name": "Tracking barcode"
        },
        {
          "id": "txt8",
          "type": "text",
          "x": 0,
          "y": 290,
          "width": 260,
          "height": 12,
          "text": "Ship date: {{ formatDate(shipDate, 'MMM D, YYYY') }}",
          "styleRef": "value"
        },
        {
          "id": "txt9",
          "type": "text",
          "x": 0,
          "y": 304,
          "width": 260,
          "height": 12,
          "text": "Weight: {{ formatNumber(weightLb, 1) }} lb",
          "styleRef": "value"
        },
        {
          "id": "txt10",
          "type": "text",
          "x": 0,
          "y": 318,
          "width": 260,
          "height": 12,
          "text": "Reference: {{ coalesce(reference, 'none') }}",
          "styleRef": "value"
        },
        {
          "id": "txt11",
          "type": "text",
          "x": 0,
          "y": 332,
          "width": 260,
          "height": 12,
          "text": "Shipment {{ shipmentId }}",
          "styleRef": "value"
        }
      ]
    }
  }
}