{
  "target": {
    "kind": "design",
    "project_uuid": "YOUR_PROJECT_UUID"
  },
  "name": "QR code — animated",
  "type": "animated",
  "formats": [
    {
      "name": "facebook-post",
      "width": 1200,
      "height": 1200,
      "background_color": "#FFFFFF"
    },
    {
      "name": "facebook-feed",
      "width": 1200,
      "height": 628,
      "background_color": "#FFFFFF"
    },
    {
      "name": "instagram-story",
      "width": 1080,
      "height": 1920,
      "background_color": "#FFFFFF"
    }
  ],
  "layers": [
    {
      "name": "bg_image",
      "type": "image",
      "layout": {
        "facebook-post": {
          "x": 0,
          "y": 0,
          "width": 1200,
          "height": 1200
        },
        "facebook-feed": {
          "x": 0,
          "y": 0,
          "width": 1200,
          "height": 628
        },
        "instagram-story": {
          "x": 0,
          "y": 0,
          "width": 1080,
          "height": 1920
        }
      },
      "properties": {
        "default": {
          "src": "https://production-banners.s3-eu-west-1.amazonaws.com/templates/v2/e0d292f2-ec21-11e9-a539-3c408bf94155/9ba95540-af6b-4a9f-bd36-0978e4a19ad1/v2_4baadaab-59e2-45f9-a588-b4a6f3b148ca.jpeg",
          "fitting_type": "cover",
          "overlay": {
            "direction": "vertical",
            "color_1": "#00000033",
            "color_2": "#00000033"
          }
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0
      }
    },
    {
      "name": "text_2",
      "type": "text",
      "layout": {
        "facebook-post": {
          "x": 916,
          "y": 1106,
          "width": 184,
          "height": 45
        },
        "facebook-feed": {
          "x": 630,
          "y": 562,
          "width": 123,
          "height": 30
        },
        "instagram-story": {
          "x": 824,
          "y": 1783,
          "width": 166,
          "height": 52
        }
      },
      "properties": {
        "default": {
          "payload": "2023",
          "color": "#ffffff",
          "font": "6156907e-33c5-11ea-9877-92672c1b8195",
          "font_weight": 800,
          "line_height": 100,
          "vertical_align": "top",
          "text_align": "right"
        },
        "facebook-post": {
          "font_size": 45,
          "background_fill": "normal",
          "background_mode": "highlight"
        },
        "facebook-feed": {
          "font_size": 30,
          "background_fill": "normal",
          "background_mode": "highlight"
        },
        "instagram-story": {
          "font_size": 52,
          "background_fill": "normal",
          "background_mode": "highlight"
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0,
        "tweens": [
          {
            "type": "fade",
            "keyframes": [
              {
                "attr": {
                  "opacity": 0
                },
                "data": {
                  "type": "start",
                  "time": 1
                },
                "ease": "none"
              },
              {
                "attr": {
                  "opacity": 1
                },
                "data": {
                  "type": "end",
                  "time": 2
                },
                "ease": "none"
              }
            ]
          }
        ]
      }
    },
    {
      "name": "shape_line",
      "type": "shape",
      "layout": {
        "facebook-post": {
          "x": 359,
          "y": 1124,
          "width": 600,
          "height": 8
        },
        "facebook-feed": {
          "x": 231,
          "y": 574,
          "width": 400,
          "height": 6
        },
        "instagram-story": {
          "x": 395,
          "y": 1803,
          "width": 420,
          "height": 12
        }
      },
      "properties": {
        "default": {
          "background_color": "#ffffff"
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0,
        "tweens": [
          {
            "type": "fade",
            "keyframes": [
              {
                "attr": {
                  "opacity": 0
                },
                "data": {
                  "type": "start",
                  "time": 1
                },
                "ease": "none"
              },
              {
                "attr": {
                  "opacity": 1
                },
                "data": {
                  "type": "end",
                  "time": 2
                },
                "ease": "none"
              }
            ]
          }
        ]
      }
    },
    {
      "name": "text_1",
      "type": "text",
      "layout": {
        "facebook-post": {
          "x": 99,
          "y": 1106,
          "width": 245,
          "height": 45
        },
        "facebook-feed": {
          "x": 50,
          "y": 562,
          "width": 245,
          "height": 30
        },
        "instagram-story": {
          "x": 90,
          "y": 1783,
          "width": 291,
          "height": 52
        }
      },
      "properties": {
        "default": {
          "payload": "BUY NOW",
          "color": "#ffffff",
          "font": "6156907e-33c5-11ea-9877-92672c1b8195",
          "font_weight": 800,
          "line_height": 100,
          "vertical_align": "top",
          "text_align": "left"
        },
        "facebook-post": {
          "font_size": 45,
          "background_fill": "normal",
          "background_mode": "highlight"
        },
        "facebook-feed": {
          "font_size": 30,
          "background_fill": "normal",
          "background_mode": "highlight"
        },
        "instagram-story": {
          "font_size": 52,
          "background_fill": "normal",
          "background_mode": "highlight"
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0,
        "tweens": [
          {
            "type": "fade",
            "keyframes": [
              {
                "attr": {
                  "opacity": 0
                },
                "data": {
                  "type": "start",
                  "time": 1
                },
                "ease": "none"
              },
              {
                "attr": {
                  "opacity": 1
                },
                "data": {
                  "type": "end",
                  "time": 2
                },
                "ease": "none"
              }
            ]
          }
        ]
      }
    },
    {
      "name": "mock_up_phone",
      "type": "image",
      "layout": {
        "facebook-post": {
          "x": 681,
          "y": 150,
          "width": 419,
          "height": 838
        },
        "facebook-feed": {
          "x": 673,
          "y": 42,
          "width": 622,
          "height": 651
        },
        "instagram-story": {
          "x": 657,
          "y": 81,
          "width": 569,
          "height": 1132
        }
      },
      "properties": {
        "default": {
          "src": "https://production-banners.s3-eu-west-1.amazonaws.com/templates/v2/e0d292f2-ec21-11e9-a539-3c408bf94155/9ba95540-af6b-4a9f-bd36-0978e4a19ad1/v2_16225453-fbb7-4465-8826-9c5d42651033.png",
          "fitting_type": "fill"
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0,
        "tweens": [
          {
            "type": "fade",
            "keyframes": [
              {
                "attr": {
                  "opacity": 0
                },
                "data": {
                  "type": "start",
                  "time": 2
                },
                "ease": "none"
              },
              {
                "attr": {
                  "opacity": 1
                },
                "data": {
                  "type": "end",
                  "time": 3
                },
                "ease": "none"
              }
            ]
          }
        ]
      }
    },
    {
      "name": "screen_phone",
      "type": "image",
      "layout": {
        "facebook-post": {
          "x": 701,
          "y": 169,
          "width": 380,
          "height": 796
        },
        "facebook-feed": {
          "x": 700,
          "y": 55,
          "width": 568,
          "height": 624
        },
        "instagram-story": {
          "x": 663,
          "y": 104,
          "width": 554,
          "height": 1076
        }
      },
      "properties": {
        "default": {
          "src": "https://production-banners.s3-eu-west-1.amazonaws.com/templates/v2/e0d292f2-ec21-11e9-a539-3c408bf94155/9ba95540-af6b-4a9f-bd36-0978e4a19ad1/v2_6c96e545-0df3-46dc-bdb6-846e0b858ce0.png",
          "fitting_type": "fill"
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0,
        "tweens": [
          {
            "type": "fade",
            "keyframes": [
              {
                "attr": {
                  "opacity": 0
                },
                "data": {
                  "type": "start",
                  "time": 2
                },
                "ease": "none"
              },
              {
                "attr": {
                  "opacity": 1
                },
                "data": {
                  "type": "end",
                  "time": 3
                },
                "ease": "none"
              }
            ]
          }
        ]
      }
    },
    {
      "name": "description",
      "type": "text",
      "layout": {
        "facebook-post": {
          "x": -101,
          "y": 844,
          "width": 499,
          "height": 150
        },
        "facebook-feed": {
          "x": -101,
          "y": 429,
          "width": 635,
          "height": 84
        },
        "instagram-story": {
          "x": -90,
          "y": 1427,
          "width": 689,
          "height": 251
        }
      },
      "properties": {
        "default": {
          "payload": "Buy tickets directly online for Jay-A's concert at the Olympia on July 4. To buy your tickets, scan the qr code",
          "color": "#ffffff",
          "font": "6156907e-33c5-11ea-9877-92672c1b8195",
          "font_weight": 300,
          "line_height": 100,
          "vertical_align": "top",
          "text_align": "left"
        },
        "facebook-post": {
          "font_size": 34,
          "background_fill": "normal",
          "background_mode": "highlight"
        },
        "facebook-feed": {
          "font_size": 26,
          "background_fill": "normal",
          "background_mode": "highlight"
        },
        "instagram-story": {
          "font_size": 50,
          "background_fill": "normal",
          "background_mode": "highlight"
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0,
        "tweens": [
          {
            "type": "fade",
            "keyframes": [
              {
                "attr": {
                  "opacity": 0
                },
                "data": {
                  "type": "start",
                  "time": 0.5
                },
                "ease": "none"
              },
              {
                "attr": {
                  "opacity": 1
                },
                "data": {
                  "type": "end",
                  "time": 1.5
                },
                "ease": "none"
              }
            ]
          },
          {
            "type": "slide",
            "keyframes": [
              {
                "attr": {
                  "left": -101,
                  "top": 844
                },
                "data": {
                  "type": "start",
                  "time": 0.5
                },
                "ease": "none"
              },
              {
                "attr": {
                  "left": 98,
                  "top": 844
                },
                "data": {
                  "type": "end",
                  "time": 1.5
                },
                "ease": "power2.out"
              }
            ]
          }
        ]
      }
    },
    {
      "name": "title",
      "type": "text",
      "layout": {
        "facebook-post": {
          "x": -101,
          "y": 532,
          "width": 484,
          "height": 300
        },
        "facebook-feed": {
          "x": -101,
          "y": 276,
          "width": 601,
          "height": 140
        },
        "instagram-story": {
          "x": -90,
          "y": 1031,
          "width": 497,
          "height": 360
        }
      },
      "properties": {
        "default": {
          "color": "#ffffff",
          "font": "6156907e-33c5-11ea-9877-92672c1b8195",
          "font_weight": 800,
          "line_height": 100,
          "vertical_align": "top",
          "text_align": "left"
        },
        "facebook-post": {
          "payload": "BUY TICKETS\nONLINE",
          "font_size": 100,
          "background_fill": "normal",
          "background_mode": "highlight"
        },
        "facebook-feed": {
          "payload": "BUY TICKETS ONLINE",
          "font_size": 70,
          "background_fill": "normal",
          "background_mode": "highlight"
        },
        "instagram-story": {
          "payload": "BUY TICKETS\nONLINE",
          "font_size": 120,
          "background_fill": "normal",
          "background_mode": "highlight"
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0,
        "tweens": [
          {
            "type": "fade",
            "keyframes": [
              {
                "attr": {
                  "opacity": 0
                },
                "data": {
                  "type": "start",
                  "time": 0
                },
                "ease": "none"
              },
              {
                "attr": {
                  "opacity": 1
                },
                "data": {
                  "type": "end",
                  "time": 1
                },
                "ease": "none"
              }
            ]
          },
          {
            "type": "slide",
            "keyframes": [
              {
                "attr": {
                  "left": -101,
                  "top": 532
                },
                "data": {
                  "type": "start",
                  "time": 0
                },
                "ease": "none"
              },
              {
                "attr": {
                  "left": 99,
                  "top": 532
                },
                "data": {
                  "type": "end",
                  "time": 1
                },
                "ease": "power2.out"
              }
            ]
          }
        ]
      }
    },
    {
      "name": "qrcode",
      "type": "qrcode",
      "layout": {
        "facebook-post": {
          "x": 98,
          "y": 151,
          "width": 252,
          "height": 252
        },
        "facebook-feed": {
          "x": 50,
          "y": 50,
          "width": 170,
          "height": 170
        },
        "instagram-story": {
          "x": 90,
          "y": 478,
          "width": 300,
          "height": 300
        }
      },
      "properties": {
        "default": {
          "payload": "Write anything you would like to appear when scanned (can be URL, text, link...)",
          "background_color": "#ffffff",
          "foreground_color": "#000000",
          "margin": 2
        }
      },
      "animation": {
        "start_at_s": 0.0,
        "end_at_s": 8.0,
        "tweens": [
          {
            "type": "fade",
            "keyframes": [
              {
                "attr": {
                  "opacity": 0
                },
                "data": {
                  "type": "start",
                  "time": 1.5
                },
                "ease": "none"
              },
              {
                "attr": {
                  "opacity": 1
                },
                "data": {
                  "type": "end",
                  "time": 2.5
                },
                "ease": "none"
              }
            ]
          },
          {
            "type": "scale",
            "keyframes": [
              {
                "attr": {
                  "scale": 0
                },
                "data": {
                  "type": "start",
                  "time": 1.5
                },
                "ease": "none"
              },
              {
                "attr": {
                  "scale": 100
                },
                "data": {
                  "type": "end",
                  "time": 2.5
                },
                "ease": "power2.out"
              }
            ]
          }
        ]
      }
    }
  ],
  "animation": {
    "duration": 8.0,
    "screenshot_at_s": 8.0
  }
}