{
  "schemaVersion": "2.0",
  "pages": [
    {
      "id": "5c0de000-0000-4000-8000-000000000033",
      "name": "Text lab",
      "width": 595,
      "height": 842,
      "pageFormat": "A4",
      "backgroundColor": "#f6f1e7",
      "elements": [
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000002",
          "name": "L A FIXED HEIGHT · SHRINK (MIN 8)",
          "left": 40,
          "top": 46,
          "width": 240,
          "height": 12,
          "text": "A FIXED HEIGHT · SHRINK (MIN 8)",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000001",
          "name": "A",
          "left": 40,
          "top": 60,
          "width": 240,
          "height": 44,
          "text": "A long description that certainly does not fit in its box: it keeps going with more words, more clauses and more detail, so that the box must decide what to do with the lines that do not fit.",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#1c2430",
          "lineHeight": 1.3,
          "fixedHeight": 44,
          "overflowMode": "shrink",
          "minFontSize": 8
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000004",
          "name": "L B FIXED HEIGHT · CLIP",
          "left": 40,
          "top": 126,
          "width": 240,
          "height": 12,
          "text": "B FIXED HEIGHT · CLIP",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000003",
          "name": "B",
          "left": 40,
          "top": 140,
          "width": 240,
          "height": 44,
          "text": "A long description that certainly does not fit in its box: it keeps going with more words, more clauses and more detail, so that the box must decide what to do with the lines that do not fit.",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#1c2430",
          "lineHeight": 1.3,
          "fixedHeight": 44,
          "overflowMode": "clip"
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000006",
          "name": "L C FIXED HEIGHT · CLIP WITH …",
          "left": 40,
          "top": 206,
          "width": 240,
          "height": 12,
          "text": "C FIXED HEIGHT · CLIP WITH …",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000005",
          "name": "C",
          "left": 40,
          "top": 220,
          "width": 240,
          "height": 44,
          "text": "A long description that certainly does not fit in its box: it keeps going with more words, more clauses and more detail, so that the box must decide what to do with the lines that do not fit.",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#1c2430",
          "lineHeight": 1.3,
          "fixedHeight": 44,
          "overflowMode": "clip_ellipsis"
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000008",
          "name": "L D NO FIXED HEIGHT",
          "left": 40,
          "top": 286,
          "width": 240,
          "height": 12,
          "text": "D NO FIXED HEIGHT",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000007",
          "name": "D",
          "left": 40,
          "top": 300,
          "width": 240,
          "height": 44,
          "text": "A long description that certainly does not fit in its box: it keeps going with more words, more clauses and more detail, so that the box must decide what to do with the lines that do not fit.",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#1c2430",
          "lineHeight": 1.3
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000010",
          "name": "L K GROW ON A FREE TEXT",
          "left": 40,
          "top": 386,
          "width": 240,
          "height": 12,
          "text": "K GROW ON A FREE TEXT",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000009",
          "name": "K",
          "left": 40,
          "top": 400,
          "width": 240,
          "height": 44,
          "text": "A long description that certainly does not fit in its box: it keeps going with more words, more clauses and more detail, so that the box must decide what to do with the lines that do not fit.",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#1c2430",
          "lineHeight": 1.3,
          "grow": {
            "maxLines": 2,
            "beyond": "ellipsis",
            "height": "content"
          }
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000012",
          "name": "L E RICH TEXT",
          "left": 315,
          "top": 46,
          "width": 240,
          "height": 12,
          "text": "E RICH TEXT",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000011",
          "name": "Menu intro",
          "left": 315,
          "top": 60,
          "width": 240,
          "height": 150,
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#1c2430",
          "lineHeight": 1.35,
          "text": "Our menu is seasonal and local.\nStarters\nMains\nDesserts\nH2O and CO2 at 5 €/m2",
          "richText": {
            "schema": "madoo.rich-text/v1",
            "paragraphs": [
              {
                "runs": [
                  {
                    "text": "Our menu is "
                  },
                  {
                    "text": "seasonal",
                    "fontWeight": "bold"
                  },
                  {
                    "text": " and "
                  },
                  {
                    "text": "local",
                    "fill": "#c0643a",
                    "fontStyle": "italic"
                  },
                  {
                    "text": "."
                  }
                ]
              },
              {
                "list": {
                  "kind": "bullet",
                  "level": 0
                },
                "runs": [
                  {
                    "text": "Starters"
                  }
                ]
              },
              {
                "list": {
                  "kind": "bullet",
                  "level": 1
                },
                "runs": [
                  {
                    "text": "Mains"
                  }
                ]
              },
              {
                "list": {
                  "kind": "ordered",
                  "level": 0
                },
                "runs": [
                  {
                    "text": "Desserts"
                  }
                ]
              },
              {
                "runs": [
                  {
                    "text": "H"
                  },
                  {
                    "text": "2",
                    "fontSize": 8,
                    "baselineShift": -2
                  },
                  {
                    "text": "O and CO"
                  },
                  {
                    "text": "2",
                    "fontSize": 8,
                    "baselineShift": -2
                  },
                  {
                    "text": " at 5 €/m"
                  },
                  {
                    "text": "2",
                    "fontSize": 8,
                    "baselineShift": 4
                  }
                ]
              }
            ]
          }
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000014",
          "name": "L F LETTER SPACING 0 / 150 / -20",
          "left": 315,
          "top": 226,
          "width": 240,
          "height": 12,
          "text": "F LETTER SPACING 0 / 150 / -20",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000013",
          "name": "Sp0",
          "left": 315,
          "top": 240,
          "width": 240,
          "height": 16,
          "text": "SPACED CAPITALS",
          "fontFamily": "Montserrat",
          "fontSize": 11,
          "fontWeight": "bold",
          "fill": "#1c2430"
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000015",
          "name": "Sp150",
          "left": 315,
          "top": 258,
          "width": 240,
          "height": 16,
          "text": "SPACED CAPITALS",
          "fontFamily": "Montserrat",
          "fontSize": 11,
          "fontWeight": "bold",
          "fill": "#1c2430",
          "charSpacing": 150
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000016",
          "name": "SpNeg",
          "left": 315,
          "top": 276,
          "width": 240,
          "height": 16,
          "text": "Tight display title",
          "fontFamily": "Playfair Display",
          "fontSize": 14,
          "fontWeight": "bold",
          "fill": "#1c2430",
          "charSpacing": -20
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000019",
          "name": "L G FIELD WITH A LINE BREAK IN THE VALUE",
          "left": 315,
          "top": 306,
          "width": 240,
          "height": 12,
          "text": "G FIELD WITH A LINE BREAK IN THE VALUE",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000017",
          "name": "G",
          "left": 315,
          "top": 320,
          "width": 240,
          "height": 40,
          "text": "Line one",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#1c2430",
          "placeholder": {
            "id": "5c0de000-0000-4000-8000-000000000018",
            "name": "Address",
            "code": "address",
            "placeholderType": "text",
            "required": true
          }
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000022",
          "name": "L H FIELD ON A RICH TEXT",
          "left": 315,
          "top": 376,
          "width": 240,
          "height": 12,
          "text": "H FIELD ON A RICH TEXT",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000020",
          "name": "H",
          "left": 315,
          "top": 390,
          "width": 240,
          "height": 40,
          "text": "Bold intro and plain rest",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#1c2430",
          "richText": {
            "schema": "madoo.rich-text/v1",
            "paragraphs": [
              {
                "runs": [
                  {
                    "text": "Bold intro",
                    "fontWeight": "bold",
                    "fill": "#c0643a"
                  },
                  {
                    "text": " and plain rest"
                  }
                ]
              }
            ]
          },
          "placeholder": {
            "id": "5c0de000-0000-4000-8000-000000000021",
            "name": "Note",
            "code": "note",
            "placeholderType": "text",
            "required": false
          }
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000024",
          "name": "L I PAGE TOKENS",
          "left": 315,
          "top": 446,
          "width": 240,
          "height": 12,
          "text": "I PAGE TOKENS",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000023",
          "name": "I",
          "left": 315,
          "top": 460,
          "width": 240,
          "height": 16,
          "text": "Page {{page}} of {{pages}}",
          "fontFamily": "Inter",
          "fontSize": 10,
          "fill": "#1c2430"
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000026",
          "name": "L J WEIGHT 600 · ALIGN RIGHT · JUSTIFY",
          "left": 315,
          "top": 496,
          "width": 240,
          "height": 12,
          "text": "J WEIGHT 600 · ALIGN RIGHT · JUSTIFY",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000025",
          "name": "J",
          "left": 315,
          "top": 510,
          "width": 240,
          "height": 16,
          "text": "Semibold right",
          "fontFamily": "Inter",
          "fontSize": 12,
          "fontWeight": "600",
          "textAlign": "right",
          "fill": "#1c2430"
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000027",
          "name": "Just",
          "left": 315,
          "top": 530,
          "width": 240,
          "height": 60,
          "text": "A long description that certainly does not fit in its box: it keeps going with more words, more clauses and more detail, so that the box must decide what to do with the lines that do not fit.",
          "fontFamily": "Inter",
          "fontSize": 10,
          "textAlign": "justify",
          "fill": "#1c2430",
          "lineHeight": 1.3
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000029",
          "name": "L M UNDERLINE / STRIKE / SHADOW",
          "left": 315,
          "top": 606,
          "width": 240,
          "height": 12,
          "text": "M UNDERLINE / STRIKE / SHADOW",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000028",
          "name": "M1",
          "left": 315,
          "top": 620,
          "width": 240,
          "height": 16,
          "text": "Underlined link text",
          "underline": true,
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#0f62fe"
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000030",
          "name": "M2",
          "left": 315,
          "top": 640,
          "width": 240,
          "height": 16,
          "text": "Was 49 €",
          "linethrough": true,
          "fontFamily": "Inter",
          "fontSize": 12,
          "fill": "#667085"
        },
        {
          "$type": "rectangle",
          "id": "5c0de000-0000-4000-8000-000000000031",
          "name": "Dark",
          "left": 315,
          "top": 665,
          "width": 240,
          "height": 50,
          "fill": "#23493a"
        },
        {
          "$type": "text",
          "id": "5c0de000-0000-4000-8000-000000000032",
          "name": "M3",
          "left": 325,
          "top": 675,
          "width": 220,
          "height": 30,
          "text": "Shadowed title",
          "fontFamily": "Playfair Display",
          "fontSize": 22,
          "fontWeight": "bold",
          "fill": "#ffffff",
          "shadows": [
            {
              "color": "#000000",
              "opacity": 0.5,
              "offsetX": 0,
              "offsetY": 2,
              "blur": 6,
              "spread": 0,
              "nonScaling": false
            }
          ]
        }
      ]
    }
  ],
  "sampleSets": [
    {
      "id": "5c0de000-0000-4000-8000-000000000999",
      "name": "Lab",
      "values": {
        "address": "12 Harbour Street\nFalmouth TR11 3AB",
        "note": "A value replaces the rich text"
      }
    }
  ]
}