{
  "id": "showcase-image-developer-sdk-card",
  "name": "Developer Sdk Card",
  "format": "jsoncut-html",
  "compositionKind": "image",
  "width": 1600,
  "height": 900,
  "fps": 1,
  "duration": 1,
  "version": 1,
  "html": "<div id=\"bg\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Technical 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:1600px;height:900px;background:#2A0E0B\"></div><div id=\"grid\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Technical grid\" data-jc-track=\"1\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:0px;top:0px;width:1600px;height:900px;background:linear-gradient(#FFF0E114 1px,transparent 1px),linear-gradient(90deg,#FFF0E114 1px,transparent 1px);background-size:88px 88px\"></div><img id=\"photo\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-name=\"Measured crop\" data-jc-track=\"2\" data-jc-start=\"0\" data-jc-duration=\"1\" src=\"https://jsoncut.com/showcase/examples/developer-sdk-card/assets/hero-f2c718fd8a.jpg\" alt=\"\" style=\"position:absolute;display:block;box-sizing:border-box;object-fit:cover;left:784px;top:144px;width:672px;height:495px;filter:grayscale(.35) contrast(1.15);border:3.2px solid #EAB8A6\"><div id=\"measure\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Measurement rail\" data-jc-track=\"3\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:784px;top:666px;width:672px;height:14px;background:repeating-linear-gradient(90deg,#FF7C43 0 2px,transparent 2px 40px)\"></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:50px;top:50px;width:624px;height:54px;color:#FF7C43;font-family:Roboto Mono;font-size:21px;font-weight:760;line-height:1.35;letter-spacing:-.01em;text-align:left\">09 · SAAS</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:50px;top:180px;width:624px;height:306px;color:#FFF0E1;font-family:Fraunces;font-size:100px;font-weight:800;line-height:.92;letter-spacing:-.055em;text-align:left\">Developer\nSdk</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:50px;top:549px;width:624px;height:117px;color:#FFF0E1B8;font-family:Inter;font-size:27px;font-weight:550;line-height:1.35;letter-spacing:-.01em;text-align:left\">Code/editor split without browser chrome ·  terminal-green syntax fragment</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:50px;top:792px;width:624px;height:59px;color:#FF7C43;font-family:Roboto Mono;font-size:19px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-align:left\">OPEN THE PRODUCT</div>",
  "css": "",
  "values": {},
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "safeArea": {
    "top": 0,
    "right": 0,
    "bottom": 0,
    "left": 0
  },
  "canvasBackground": "#2A0E0B"
}