{
  "schemaVersion": "2.0",
  "pages": [
    {
      "id": "5c0de444-0000-4000-8000-000000000042",
      "name": "Image lab",
      "width": 595,
      "height": 842,
      "pageFormat": "A4",
      "backgroundColor": "#f6f1e7",
      "elements": [
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000001",
          "name": "L A FIT — A LOGO, WHOLE",
          "left": 40,
          "top": 54,
          "width": 160,
          "height": 12,
          "text": "A FIT — A LOGO, WHOLE",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000002",
          "name": "Cell",
          "left": 40,
          "top": 70,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000003",
          "name": "Fit",
          "left": 40,
          "top": 70,
          "width": 160,
          "height": 110,
          "src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgODAiPjxyZWN0IHdpZHRoPSIyNDAiIGhlaWdodD0iODAiIHJ4PSIxNiIgZmlsbD0iIzIzNDkzYSIvPjxjaXJjbGUgY3g9IjQwIiBjeT0iNDAiIHI9IjIyIiBmaWxsPSIjZTljNDZhIi8+PHRleHQgeD0iNzYiIHk9IjUyIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtd2VpZ2h0PSI3MDAiIGZvbnQtc2l6ZT0iMzQiIGZpbGw9IiNmZmZmZmYiPkhhcmJvdXI8L3RleHQ+PC9zdmc+",
          "fitMode": "fit"
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000004",
          "name": "L B FILL — A PHOTO, CROPPED",
          "left": 217,
          "top": 54,
          "width": 160,
          "height": 12,
          "text": "B FILL — A PHOTO, CROPPED",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000005",
          "name": "Cell",
          "left": 217,
          "top": 70,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000006",
          "name": "Fill",
          "left": 217,
          "top": 70,
          "width": 160,
          "height": 110,
          "src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800",
          "fitMode": "fill"
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000007",
          "name": "L C STRETCH — DISTORTED",
          "left": 394,
          "top": 54,
          "width": 160,
          "height": 12,
          "text": "C STRETCH — DISTORTED",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000008",
          "name": "Cell",
          "left": 394,
          "top": 70,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000009",
          "name": "Stretch",
          "left": 394,
          "top": 70,
          "width": 160,
          "height": 110,
          "src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800",
          "fitMode": "stretch"
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000010",
          "name": "L D FIELD · FILL · ALIGN TOP",
          "left": 40,
          "top": 204,
          "width": 160,
          "height": 12,
          "text": "D FIELD · FILL · ALIGN TOP",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000011",
          "name": "Cell",
          "left": 40,
          "top": 220,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000013",
          "name": "Field top",
          "left": 40,
          "top": 220,
          "width": 160,
          "height": 110,
          "src": "",
          "fitMode": "fill",
          "placeholder": {
            "id": "5c0de444-0000-4000-8000-000000000012",
            "name": "Portrait (top)",
            "code": "portrait_top",
            "placeholderType": "image",
            "required": true,
            "fitMode": "fill",
            "alignment": "top_center"
          }
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000014",
          "name": "L E FIELD · FILL · CENTRE",
          "left": 217,
          "top": 204,
          "width": 160,
          "height": 12,
          "text": "E FIELD · FILL · CENTRE",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000015",
          "name": "Cell",
          "left": 217,
          "top": 220,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000017",
          "name": "Field centre",
          "left": 217,
          "top": 220,
          "width": 160,
          "height": 110,
          "src": "",
          "fitMode": "fill",
          "placeholder": {
            "id": "5c0de444-0000-4000-8000-000000000016",
            "name": "Portrait (centre)",
            "code": "portrait_centre",
            "placeholderType": "image",
            "required": true,
            "fitMode": "fill",
            "alignment": "center"
          }
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000018",
          "name": "L F FIELD · FIT · ALIGN TOP",
          "left": 394,
          "top": 204,
          "width": 160,
          "height": 12,
          "text": "F FIELD · FIT · ALIGN TOP",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000019",
          "name": "Cell",
          "left": 394,
          "top": 220,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000021",
          "name": "Field logo",
          "left": 394,
          "top": 220,
          "width": 160,
          "height": 110,
          "src": "",
          "fitMode": "fit",
          "placeholder": {
            "id": "5c0de444-0000-4000-8000-000000000020",
            "name": "Logo",
            "code": "logo",
            "placeholderType": "image",
            "required": true,
            "fitMode": "fit",
            "alignment": "top_center"
          }
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000022",
          "name": "L G CIRCLE FRAME",
          "left": 40,
          "top": 354,
          "width": 160,
          "height": 12,
          "text": "G CIRCLE FRAME",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000023",
          "name": "Cell",
          "left": 40,
          "top": 370,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000024",
          "name": "Circle frame",
          "left": 65,
          "top": 370,
          "width": 110,
          "height": 110,
          "src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800",
          "fitMode": "fill",
          "frame": {
            "focalX": 0.5,
            "focalY": 0.3,
            "scale": 1,
            "offsetX": 0,
            "offsetY": 0,
            "rotation": 0
          },
          "clipPath": {
            "units": "user_space_on_use",
            "transform": [],
            "shapes": [
              {
                "pathData": "M 55 0 A 55 55 0 1 1 55 110 A 55 55 0 1 1 55 0 Z",
                "fillRule": "non_zero",
                "transform": [],
                "opacity": 1,
                "luminance": 1,
                "color": "#000000"
              }
            ]
          }
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000025",
          "name": "L H ROUNDED FRAME + BORDER",
          "left": 217,
          "top": 354,
          "width": 160,
          "height": 12,
          "text": "H ROUNDED FRAME + BORDER",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000026",
          "name": "Cell",
          "left": 217,
          "top": 370,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000027",
          "name": "Rounded frame",
          "left": 217,
          "top": 370,
          "width": 160,
          "height": 110,
          "src": "https://images.unsplash.com/photo-1507842217343-583bb7270b66?w=1200",
          "fitMode": "fill",
          "frame": {
            "focalX": 0.5,
            "focalY": 0.5,
            "scale": 1,
            "offsetX": 0,
            "offsetY": 0,
            "rotation": 0,
            "strokeColor": "#e9c46a",
            "strokeWidth": 4
          },
          "clipPath": {
            "units": "user_space_on_use",
            "transform": [],
            "shapes": [
              {
                "pathData": "M 18 0 H 142 Q 160 0 160 18 V 92 Q 160 110 142 110 H 18 Q 0 110 0 92 V 18 Q 0 0 18 0 Z",
                "fillRule": "non_zero",
                "transform": [],
                "opacity": 1,
                "luminance": 1,
                "color": "#000000"
              }
            ]
          }
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000028",
          "name": "L I FRAME ZOOM 1.8 · FOCAL",
          "left": 394,
          "top": 354,
          "width": 160,
          "height": 12,
          "text": "I FRAME ZOOM 1.8 · FOCAL",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000029",
          "name": "Cell",
          "left": 394,
          "top": 370,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000030",
          "name": "Zoom frame",
          "left": 394,
          "top": 370,
          "width": 160,
          "height": 110,
          "src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800",
          "fitMode": "fill",
          "frame": {
            "focalX": 0.5,
            "focalY": 0.3,
            "scale": 1.8,
            "offsetX": 0,
            "offsetY": 0,
            "rotation": 0
          },
          "clipPath": {
            "units": "user_space_on_use",
            "transform": [],
            "shapes": [
              {
                "pathData": "M 0 0 H 160 Q 160 0 160 0 V 110 Q 160 110 160 110 H 0 Q 0 110 0 110 V 0 Q 0 0 0 0 Z",
                "fillRule": "non_zero",
                "transform": [],
                "opacity": 1,
                "luminance": 1,
                "color": "#000000"
              }
            ]
          }
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000031",
          "name": "L J OPACITY MASK (ELLIPSE 60%)",
          "left": 40,
          "top": 504,
          "width": 160,
          "height": 12,
          "text": "J OPACITY MASK (ELLIPSE 60%)",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000032",
          "name": "Cell",
          "left": 40,
          "top": 520,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000033",
          "name": "Masked",
          "left": 40,
          "top": 520,
          "width": 160,
          "height": 110,
          "src": "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1600",
          "fitMode": "fill",
          "opacityMask": {
            "units": "user_space_on_use",
            "contentUnits": "user_space_on_use",
            "x": 0,
            "y": 0,
            "width": 160,
            "height": 110,
            "transform": [],
            "shapes": [
              {
                "pathData": "M 80 0 A 80 55 0 1 1 80 110 A 80 55 0 1 1 80 0 Z",
                "fillRule": "non_zero",
                "transform": [],
                "opacity": 0.6,
                "luminance": 1,
                "color": "#ffffff"
              }
            ]
          }
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000034",
          "name": "L K PHOTO + VEIL + TEXT",
          "left": 217,
          "top": 504,
          "width": 160,
          "height": 12,
          "text": "K PHOTO + VEIL + TEXT",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000035",
          "name": "Veil photo",
          "left": 217,
          "top": 520,
          "width": 160,
          "height": 110,
          "src": "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1600",
          "fitMode": "fill"
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000036",
          "name": "Veil",
          "left": 217,
          "top": 570,
          "width": 160,
          "height": 60,
          "fill": "#000000",
          "opacity": 0.55
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000037",
          "name": "On photo",
          "left": 227,
          "top": 582,
          "width": 140,
          "height": 40,
          "text": "Readable on any photo",
          "fontFamily": "Playfair Display",
          "fontSize": 15,
          "fontWeight": "bold",
          "fill": "#ffffff",
          "lineHeight": 1.1
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000038",
          "name": "L L SVG GIVEN AS AN IMAGE FIELD",
          "left": 394,
          "top": 504,
          "width": 160,
          "height": 12,
          "text": "L SVG GIVEN AS AN IMAGE FIELD",
          "fontFamily": "Montserrat",
          "fontSize": 7,
          "fontWeight": "bold",
          "fill": "#c0643a",
          "charSpacing": 120
        },
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000039",
          "name": "Cell",
          "left": 394,
          "top": 520,
          "width": 160,
          "height": 110,
          "fill": "#ffffff",
          "stroke": "#d0d5dd",
          "strokeWidth": 0.5
        },
        {
          "$type": "image",
          "id": "5c0de444-0000-4000-8000-000000000041",
          "name": "SVG field",
          "left": 394,
          "top": 520,
          "width": 160,
          "height": 110,
          "src": "",
          "fitMode": "fit",
          "placeholder": {
            "id": "5c0de444-0000-4000-8000-000000000040",
            "name": "Badge",
            "code": "badge",
            "placeholderType": "image",
            "required": true,
            "fitMode": "fit",
            "alignment": "center"
          }
        }
      ]
    },
    {
      "id": "5c0de444-0000-4000-8000-000000000043",
      "name": "Background",
      "width": 595,
      "height": 842,
      "pageFormat": "A4",
      "backgroundColor": "#0b1f33",
      "backgroundImage": {
        "src": "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1600",
        "fitMode": "cover",
        "focalX": 0.5,
        "focalY": 0.3,
        "scale": 1
      },
      "elements": [
        {
          "$type": "rectangle",
          "id": "5c0de444-0000-4000-8000-000000000044",
          "name": "Veil",
          "left": 0,
          "top": 520,
          "width": 595,
          "height": 322,
          "fill": "#0b1f33",
          "opacity": 0.7
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000045",
          "name": "Eyebrow",
          "left": 48,
          "top": 560,
          "width": 500,
          "height": 14,
          "text": "PAGE BACKGROUND · COVER · FOCAL 0.5 / 0.3",
          "fontFamily": "Montserrat",
          "fontSize": 9,
          "fontWeight": "bold",
          "fill": "#e9c46a",
          "charSpacing": 140
        },
        {
          "$type": "text",
          "id": "5c0de444-0000-4000-8000-000000000046",
          "name": "Title",
          "left": 48,
          "top": 584,
          "width": 500,
          "height": 110,
          "text": "A full-page photo under the content",
          "fontFamily": "Playfair Display",
          "fontSize": 40,
          "fontWeight": "bold",
          "fill": "#ffffff",
          "lineHeight": 1.08
        }
      ]
    }
  ],
  "sampleSets": [
    {
      "id": "5c0de444-0000-4000-8000-000000000999",
      "name": "Lab",
      "values": {
        "portrait_top": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800",
        "portrait_centre": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800",
        "logo": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgODAiPjxyZWN0IHdpZHRoPSIyNDAiIGhlaWdodD0iODAiIHJ4PSIxNiIgZmlsbD0iIzIzNDkzYSIvPjxjaXJjbGUgY3g9IjQwIiBjeT0iNDAiIHI9IjIyIiBmaWxsPSIjZTljNDZhIi8+PHRleHQgeD0iNzYiIHk9IjUyIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtd2VpZ2h0PSI3MDAiIGZvbnQtc2l6ZT0iMzQiIGZpbGw9IiNmZmZmZmYiPkhhcmJvdXI8L3RleHQ+PC9zdmc+",
        "badge": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI0NiIgZmlsbD0iI2MwNjQzYSIvPjx0ZXh0IHg9IjUwIiB5PSI1OCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXdlaWdodD0iNzAwIiBmb250LXNpemU9IjIyIiBmaWxsPSIjZmZmIj5ORVc8L3RleHQ+PC9zdmc+"
      }
    }
  ]
}