{
  "schemaVersion": "2.0",
  "pages": [
    {
      "id": "5c0deaaa-0000-4000-8000-000000000038",
      "name": "Product sheet",
      "width": 420,
      "height": 380,
      "pageFormat": "Custom",
      "backgroundColor": "#ffffff",
      "elements": [
        {
          "$type": "rectangle",
          "id": "5c0deaaa-0000-4000-8000-000000000001",
          "name": "Brand band",
          "left": 0,
          "top": 0,
          "width": 420,
          "height": 64,
          "fill": "#23493a",
          "placeholder": {
            "id": "5c0deaaa-0000-4000-8000-000000000002",
            "name": "Brand colour",
            "code": "brand_color",
            "placeholderType": "color",
            "required": false,
            "format": {
              "colorTarget": "fill"
            },
            "description": "The brand colour, #RRGGBB."
          }
        },
        {
          "$type": "layout_region",
          "id": "5c0deaaa-0000-4000-8000-000000000003",
          "name": "Brand row",
          "left": 24,
          "top": 12,
          "width": 372,
          "height": 40,
          "layout": {
            "mode": "horizontal",
            "sizing": "fixed",
            "childSizing": "content",
            "crossAxisAlignment": "center",
            "columnGap": 12
          },
          "children": [
            {
              "$type": "image",
              "id": "5c0deaaa-0000-4000-8000-000000000004",
              "name": "Logo",
              "left": 0,
              "top": 0,
              "width": 40,
              "height": 40,
              "src": "",
              "fitMode": "fit",
              "placeholder": {
                "id": "5c0deaaa-0000-4000-8000-000000000005",
                "name": "Logo",
                "code": "logo",
                "placeholderType": "image",
                "required": false,
                "fitMode": "fit",
                "alignment": "center"
              },
              "condition": {
                "operator": "not_empty",
                "placeholderCode": "logo"
              }
            },
            {
              "$type": "text",
              "id": "5c0deaaa-0000-4000-8000-000000000007",
              "name": "Brand",
              "left": 52,
              "top": 10,
              "width": 300,
              "height": 20,
              "text": "Brand",
              "fontFamily": "Montserrat",
              "fontSize": 13,
              "fill": "#ffffff",
              "lineHeight": 1.25,
              "fontWeight": "bold",
              "charSpacing": 60,
              "placeholder": {
                "id": "5c0deaaa-0000-4000-8000-000000000006",
                "name": "Brand",
                "code": "brand",
                "placeholderType": "text",
                "required": false
              }
            }
          ]
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000009",
          "name": "Product",
          "left": 24,
          "top": 90,
          "width": 372,
          "height": 60,
          "text": "Product",
          "fontFamily": "Playfair Display",
          "fontSize": 26,
          "fill": "#1c2430",
          "lineHeight": 1.1,
          "fontWeight": "bold",
          "placeholder": {
            "id": "5c0deaaa-0000-4000-8000-000000000008",
            "name": "Product",
            "code": "product",
            "placeholderType": "text",
            "required": false
          }
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000011",
          "name": "Price",
          "left": 24,
          "top": 160,
          "width": 200,
          "height": 32,
          "text": "0",
          "fontFamily": "Inter",
          "fontSize": 26,
          "fill": "#1c2430",
          "lineHeight": 1.25,
          "fontWeight": "bold",
          "placeholder": {
            "id": "5c0deaaa-0000-4000-8000-000000000010",
            "name": "Price",
            "code": "price",
            "placeholderType": "number",
            "required": false,
            "format": {
              "locale": "{language}",
              "numberStyle": "currency",
              "currency": "EUR",
              "currencyDisplay": "symbol"
            }
          }
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000013",
          "name": "Discount",
          "left": 230,
          "top": 168,
          "width": 166,
          "height": 20,
          "text": "0",
          "fontFamily": "Inter",
          "fontSize": 13,
          "fill": "#c0643a",
          "lineHeight": 1.25,
          "fontWeight": "bold",
          "textAlign": "right",
          "placeholder": {
            "id": "5c0deaaa-0000-4000-8000-000000000012",
            "name": "Discount",
            "code": "discount",
            "placeholderType": "number",
            "required": false,
            "format": {
              "locale": "{language}",
              "numberStyle": "percent",
              "prefix": "−",
              "suffix": " off"
            }
          },
          "condition": {
            "operator": "greater_than",
            "placeholderCode": "discount",
            "literal": "0"
          }
        },
        {
          "$type": "layout_region",
          "id": "5c0deaaa-0000-4000-8000-000000000014",
          "name": "Stock badges",
          "left": 24,
          "top": 210,
          "width": 372,
          "height": 22,
          "layout": {
            "mode": "horizontal",
            "sizing": "fixed",
            "childSizing": "content",
            "columnGap": 8
          },
          "children": [
            {
              "$type": "layout_region",
              "id": "5c0deaaa-0000-4000-8000-000000000015",
              "name": "In stock",
              "left": 0,
              "top": 0,
              "width": 120,
              "height": 22,
              "layout": {
                "mode": "horizontal",
                "sizing": "hug",
                "childSizing": "content",
                "paddingTop": 5,
                "paddingRight": 10,
                "paddingBottom": 5,
                "paddingLeft": 10,
                "cornerRadius": 11
              },
              "condition": {
                "operator": "greater_than",
                "placeholderCode": "stock",
                "literal": "3"
              },
              "children": [
                {
                  "$type": "rectangle",
                  "id": "5c0deaaa-0000-4000-8000-000000000016",
                  "name": "In stock background",
                  "left": 0,
                  "top": 0,
                  "width": 120,
                  "height": 22,
                  "fill": "#2e7d4f",
                  "layoutBackground": true
                },
                {
                  "$type": "text",
                  "id": "5c0deaaa-0000-4000-8000-000000000017",
                  "name": "In stock label",
                  "left": 10,
                  "top": 5,
                  "width": 100,
                  "height": 12,
                  "text": "IN STOCK",
                  "fontFamily": "Montserrat",
                  "fontSize": 8,
                  "fill": "#ffffff",
                  "lineHeight": 1.25,
                  "fontWeight": "bold",
                  "charSpacing": 100
                }
              ]
            },
            {
              "$type": "layout_region",
              "id": "5c0deaaa-0000-4000-8000-000000000018",
              "name": "Last pieces",
              "left": 0,
              "top": 0,
              "width": 120,
              "height": 22,
              "layout": {
                "mode": "horizontal",
                "sizing": "hug",
                "childSizing": "content",
                "paddingTop": 5,
                "paddingRight": 10,
                "paddingBottom": 5,
                "paddingLeft": 10,
                "cornerRadius": 11
              },
              "condition": {
                "operator": "all",
                "conditions": [
                  {
                    "operator": "greater_than",
                    "placeholderCode": "stock",
                    "literal": "0"
                  },
                  {
                    "operator": "less_than_or_equal",
                    "placeholderCode": "stock",
                    "literal": "3"
                  }
                ]
              },
              "children": [
                {
                  "$type": "rectangle",
                  "id": "5c0deaaa-0000-4000-8000-000000000019",
                  "name": "Last pieces background",
                  "left": 0,
                  "top": 0,
                  "width": 120,
                  "height": 22,
                  "fill": "#c0643a",
                  "layoutBackground": true
                },
                {
                  "$type": "text",
                  "id": "5c0deaaa-0000-4000-8000-000000000020",
                  "name": "Last pieces label",
                  "left": 10,
                  "top": 5,
                  "width": 100,
                  "height": 12,
                  "text": "LAST PIECES",
                  "fontFamily": "Montserrat",
                  "fontSize": 8,
                  "fill": "#ffffff",
                  "lineHeight": 1.25,
                  "fontWeight": "bold",
                  "charSpacing": 100
                }
              ]
            },
            {
              "$type": "layout_region",
              "id": "5c0deaaa-0000-4000-8000-000000000021",
              "name": "Sold out",
              "left": 0,
              "top": 0,
              "width": 120,
              "height": 22,
              "layout": {
                "mode": "horizontal",
                "sizing": "hug",
                "childSizing": "content",
                "paddingTop": 5,
                "paddingRight": 10,
                "paddingBottom": 5,
                "paddingLeft": 10,
                "cornerRadius": 11
              },
              "condition": {
                "operator": "equals",
                "placeholderCode": "stock",
                "literal": "0"
              },
              "children": [
                {
                  "$type": "rectangle",
                  "id": "5c0deaaa-0000-4000-8000-000000000022",
                  "name": "Sold out background",
                  "left": 0,
                  "top": 0,
                  "width": 120,
                  "height": 22,
                  "fill": "#667085",
                  "layoutBackground": true
                },
                {
                  "$type": "text",
                  "id": "5c0deaaa-0000-4000-8000-000000000023",
                  "name": "Sold out label",
                  "left": 10,
                  "top": 5,
                  "width": 100,
                  "height": 12,
                  "text": "SOLD OUT",
                  "fontFamily": "Montserrat",
                  "fontSize": 8,
                  "fill": "#ffffff",
                  "lineHeight": 1.25,
                  "fontWeight": "bold",
                  "charSpacing": 100
                }
              ]
            },
            {
              "$type": "layout_region",
              "id": "5c0deaaa-0000-4000-8000-000000000024",
              "name": "Gift wrap",
              "left": 0,
              "top": 0,
              "width": 120,
              "height": 22,
              "layout": {
                "mode": "horizontal",
                "sizing": "hug",
                "childSizing": "content",
                "paddingTop": 5,
                "paddingRight": 10,
                "paddingBottom": 5,
                "paddingLeft": 10,
                "cornerRadius": 11
              },
              "condition": null,
              "children": [
                {
                  "$type": "rectangle",
                  "id": "5c0deaaa-0000-4000-8000-000000000025",
                  "name": "Gift wrap background",
                  "left": 0,
                  "top": 0,
                  "width": 120,
                  "height": 22,
                  "fill": "#b08d57",
                  "layoutBackground": true
                },
                {
                  "$type": "text",
                  "id": "5c0deaaa-0000-4000-8000-000000000026",
                  "name": "Gift wrap label",
                  "left": 10,
                  "top": 5,
                  "width": 100,
                  "height": 12,
                  "text": "GIFT WRAP",
                  "fontFamily": "Montserrat",
                  "fontSize": 8,
                  "fill": "#ffffff",
                  "lineHeight": 1.25,
                  "fontWeight": "bold",
                  "charSpacing": 100
                }
              ],
              "placeholder": {
                "id": "5c0deaaa-0000-4000-8000-000000000027",
                "name": "Gift wrap available",
                "code": "gift_wrap",
                "placeholderType": "boolean",
                "required": false,
                "format": {
                  "booleanMode": "visibility"
                }
              }
            }
          ]
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000028",
          "name": "Delivery label",
          "left": 24,
          "top": 252,
          "width": 120,
          "height": 16,
          "text": "Free delivery",
          "fontFamily": "Inter",
          "fontSize": 10,
          "fill": "#5c6663",
          "lineHeight": 1.25
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000030",
          "name": "Delivery",
          "left": 150,
          "top": 252,
          "width": 246,
          "height": 16,
          "text": "Yes",
          "fontFamily": "Inter",
          "fontSize": 10,
          "fill": "#1c2430",
          "lineHeight": 1.25,
          "fontWeight": "bold",
          "placeholder": {
            "id": "5c0deaaa-0000-4000-8000-000000000029",
            "name": "Free delivery",
            "code": "free_delivery",
            "placeholderType": "boolean",
            "required": false,
            "format": {
              "trueLabel": "Included",
              "falseLabel": "From €4.90"
            }
          }
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000032",
          "name": "Stock count",
          "left": 24,
          "top": 272,
          "width": 372,
          "height": 16,
          "text": "0",
          "fontFamily": "Inter",
          "fontSize": 10,
          "fill": "#5c6663",
          "lineHeight": 1.25,
          "placeholder": {
            "id": "5c0deaaa-0000-4000-8000-000000000031",
            "name": "Pieces in stock",
            "code": "stock",
            "placeholderType": "number",
            "required": false,
            "format": {
              "locale": "{language}",
              "numberStyle": "decimal",
              "suffix": " in stock"
            }
          }
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000033",
          "name": "Link",
          "left": 24,
          "top": 310,
          "width": 372,
          "height": 18,
          "text": "View the product online →",
          "fontFamily": "Inter",
          "fontSize": 11,
          "fill": "#0f62fe",
          "lineHeight": 1.25,
          "underline": true,
          "link": {
            "href": "https://shop.example.com/{language}/p/{sku}",
            "description": "Open the product page"
          }
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000035",
          "name": "SKU",
          "left": 24,
          "top": 334,
          "width": 372,
          "height": 14,
          "text": "SKU",
          "fontFamily": "Inter",
          "fontSize": 8,
          "fill": "#5c6663",
          "lineHeight": 1.25,
          "placeholder": {
            "id": "5c0deaaa-0000-4000-8000-000000000034",
            "name": "SKU",
            "code": "sku",
            "placeholderType": "text",
            "required": true
          }
        },
        {
          "$type": "text",
          "id": "5c0deaaa-0000-4000-8000-000000000037",
          "name": "Language",
          "left": 24,
          "top": 350,
          "width": 372,
          "height": 14,
          "text": "it-IT",
          "fontFamily": "Inter",
          "fontSize": 8,
          "fill": "#5c6663",
          "lineHeight": 1.25,
          "placeholder": {
            "id": "5c0deaaa-0000-4000-8000-000000000036",
            "name": "Language",
            "code": "language",
            "placeholderType": "text",
            "required": true,
            "description": "Locale of the market: it-IT, en-GB…"
          }
        }
      ]
    }
  ],
  "sampleSets": [
    {
      "id": "5c0deaaa-0000-4000-8000-000000000901",
      "name": "Italy, last pieces",
      "values": {
        "brand_color": "#23493a",
        "brand": "CASA LINO",
        "logo": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMTgiIGZpbGw9IiNlOWM0NmEiLz48dGV4dCB4PSIyMCIgeT0iMjciIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC13ZWlnaHQ9IjcwMCIgZm9udC1zaXplPSIxOCIgZmlsbD0iIzIzNDkzYSI+TDwvdGV4dD48L3N2Zz4=",
        "product": "Camicia in lino lavato",
        "price": 89,
        "discount": 0.25,
        "stock": 2,
        "gift_wrap": true,
        "free_delivery": true,
        "sku": "LN-204",
        "language": "it-IT"
      }
    },
    {
      "id": "5c0deaaa-0000-4000-8000-000000000902",
      "name": "UK, in stock, no logo",
      "values": {
        "brand_color": "#0b3d91",
        "brand": "HARBOUR & CO",
        "logo": "",
        "product": "Washed linen shirt",
        "price": 1289.5,
        "discount": 0,
        "stock": 14,
        "gift_wrap": false,
        "free_delivery": false,
        "sku": "LN-204",
        "language": "en-GB"
      }
    }
  ]
}
