Examples / layout-grid

layout-grid.json

targets v0.42.0 3 entities 6 schemas

One page carrying its baseline/column grid and section numbering, beside a named table style whose colours are paint entities.

Speaks

rig.layout.grid · rig.layout.page · rig.layout.section · rig.layout.table_style · rig.meta.named · rig.paint.solid

Document

Validates under npm run check — raw file · open in RigPlayer — drop it in, press play, remix it, share the link. 

{
  "rig": "0.42.0",
  "document": {
    "title": "Layout grid - page grid, section, table style",
    "defaultUnit": "pt"
  },
  "entities": [
    {
      "id": "header-ink",
      "components": {
        "rig.meta.named": {
          "name": "header ink",
          "stableId": "header-ink"
        },
        "rig.paint.solid": {
          "rgba": [
            0.12,
            0.15,
            0.3,
            1
          ]
        }
      }
    },
    {
      "id": "page-1",
      "components": {
        "rig.meta.named": {
          "name": "page 1",
          "stableId": "page-1"
        },
        "rig.layout.page": {
          "index": 0,
          "width": 612,
          "height": 792,
          "unit": "pt"
        },
        "rig.layout.grid": {
          "baselineEnabled": true,
          "baselineStart": 36,
          "baselineIncrement": 12,
          "columns": 3,
          "gutter": 18
        },
        "rig.layout.section": {
          "name": "Chapter",
          "numberingStyle": "arabic",
          "startAt": 1
        }
      }
    },
    {
      "id": "ledger-style",
      "components": {
        "rig.meta.named": {
          "name": "ledger table style",
          "stableId": "ledger-style"
        },
        "rig.layout.table_style": {
          "name": "Ledger",
          "borderStroke": 0.5,
          "borderColor": "header-ink",
          "headerFill": "header-ink",
          "cellInset": 4,
          "headerInk": "header-ink"
        }
      }
    }
  ]
}