{
  "id": "showcase-image-generative-mesh-study",
  "name": "Generative Mesh Study",
  "format": "jsoncut-html",
  "compositionKind": "image",
  "width": 2000,
  "height": 2000,
  "fps": 1,
  "duration": 1,
  "version": 1,
  "html": "<div id=\"bg\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Paper canvas\" data-jc-track=\"0\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:0px;top:0px;width:2000px;height:2000px;background:#F7F6F2\"></div><img id=\"photo\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-name=\"Arched image\" data-jc-track=\"1\" data-jc-start=\"0\" data-jc-duration=\"1\" src=\"https://jsoncut.com/showcase/examples/generative-mesh-study/assets/hero-62ebb35eaf.jpg\" alt=\"\" style=\"position:absolute;display:block;box-sizing:border-box;object-fit:cover;left:1060px;top:240px;width:760px;height:1520px;border-radius:380px 380px 50px 50px\"><div id=\"arc\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Offset arch\" data-jc-track=\"2\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:980px;top:160px;width:760px;height:1520px;border:8px solid #6F75FF;border-radius:380px 380px 50px 50px\"></div><div id=\"sun\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Sun marker\" data-jc-track=\"1\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:110px;top:1400px;width:340px;height:340px;background:#FF6A3D;border-radius:50%\"></div><div id=\"kicker\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Category label\" data-jc-track=\"5\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:110px;top:110px;width:800px;height:120px;color:#6F75FF;font-family:Roboto Mono;font-size:26px;font-weight:760;line-height:1.35;letter-spacing:-.01em;text-align:left\">96 · EXPERIMENTAL</div><div id=\"headline\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Primary headline\" data-jc-track=\"6\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:110px;top:400px;width:800px;height:680px;color:#0F1018;font-family:Space Grotesk;font-size:79px;font-weight:800;line-height:.92;letter-spacing:-.055em;text-align:left\">Generative Mesh\nStudy</div><div id=\"body\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Supporting copy\" data-jc-track=\"6\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:110px;top:1160px;width:800px;height:260px;color:#0F1018A8;font-family:Inter;font-size:34px;font-weight:550;line-height:1.35;letter-spacing:-.01em;text-align:left\">bespoke multicolor mesh ·  cutout typography</div><div id=\"cta\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Call to action\" data-jc-track=\"7\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:110px;top:1760px;width:800px;height:130px;color:#6F75FF;font-family:Roboto Mono;font-size:24px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-align:left\">VIEW THE STUDY</div>",
  "css": "",
  "values": {},
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "safeArea": {
    "top": 0,
    "right": 0,
    "bottom": 0,
    "left": 0
  },
  "canvasBackground": "#0F1018"
}