Invoice. Ready to attach.

SAMPLE DOCUMENT / 01

These are real compiler outputs made from synthetic demonstration data. They are examples, not customer documents.

Separate the shape from the values.

The definition describes the document. The data supplies the values. Calculated values such as line amounts are supplied in the data; v1 does not evaluate expressions.

{
  "type": "table",
  "id": "lines",
  "dataPath": "lines",
  "columns": [
    {
      "header": "Description",
      "path": "description"
    },
    {
      "header": "Qty",
      "path": "qty",
      "format": "0",
      "align": "right",
      "widthMm": 16
    },
    {
      "header": "Unit",
      "path": "price",
      "format": "C",
      "align": "right",
      "widthMm": 27
    },
    {
      "header": "Amount",
      "path": "amount",
      "format": "C",
      "align": "right",
      "widthMm": 30
    }
  ],
  "aggregates": [
    {
      "label": "Total",
      "columnPath": "amount",
      "kind": "sum",
      "format": "C"
    }
  ]
}

{
  "document": {
    "recipient": "Studio Sample → Demo Client",
    "reference": "Invoice INV-001 / Sample only",
    "date": "2026-10-13",
    "total": 1375
  },
  "lines": [
    {
      "description": "Design system workshop",
      "qty": 1,
      "price": 450,
      "amount": 450
    },
    {
      "description": "Interface layouts",
      "qty": 3,
      "price": 175,
      "amount": 525
    },
    {
      "description": "Document templates",
      "qty": 2,
      "price": 125,
      "amount": 250
    },
    {
      "description": "Project handoff",
      "qty": 1,
      "price": 150,
      "amount": 150
    }
  ]
}

Try it in the builder.

Open the definition JSON, then open the matching data JSON in the Windows builder. The data is used for preview and is saved separately from the layout.

Follow the setup guide → · Back to all examples