{
  "id": "showcase-image-neighborhood-field-guide",
  "name": "Neighborhood Field Guide",
  "format": "jsoncut-html",
  "compositionKind": "image",
  "width": 1800,
  "height": 1200,
  "fps": 1,
  "duration": 1,
  "version": 1,
  "html": "<div id=\"bg\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Two-tone field\" data-jc-track=\"0\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:0px;top:0px;width:1800px;height:1200px;background:linear-gradient(90deg,#FFF6E9 0 62%,#302213 62%)\"></div><img id=\"photo\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-name=\"Masked subject\" data-jc-track=\"1\" data-jc-start=\"0\" data-jc-duration=\"1\" src=\"https://jsoncut.com/showcase/examples/neighborhood-field-guide/assets/hero-3c281b3270.jpg\" alt=\"\" style=\"position:absolute;display:block;box-sizing:border-box;object-fit:cover;left:828px;top:96px;width:864px;height:1008px;clip-path:polygon(15% 0,100% 0,88% 100%,0 85%);filter:contrast(1.05)\"><div id=\"square\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Offset square\" data-jc-track=\"2\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:1314px;top:780px;width:306px;height:306px;background:#D68841;mix-blend-mode:screen\"></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:85px;top:85px;width:738px;height:72px;color:#D68841;font-family:Roboto Mono;font-size:23px;font-weight:760;line-height:1.35;letter-spacing:-.01em;text-align:left\">14 · REAL ESTATE</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:85px;top:204px;width:738px;height:408px;color:#302213;font-family:Archivo;font-size:61px;font-weight:800;line-height:.92;letter-spacing:-.055em;text-align:left\">Neighborhood Field\nGuide</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:85px;top:744px;width:738px;height:156px;color:#302213B0;font-family:DM Sans;font-size:31px;font-weight:550;line-height:1.35;letter-spacing:-.01em;text-align:left\">street corner ·  editorial map inset</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:85px;top:1037px;width:738px;height:78px;color:#D68841;font-family:Roboto Mono;font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-align:left\">VIEW THE SPACE</div><div id=\"grain\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Soft grain overlay\" data-jc-track=\"9\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:0px;top:0px;width:1800px;height:1200px;background:radial-gradient(circle at 30% 20%,#FFFFFF0D 0 1px,transparent 1.5px);background-size:14px 14px;opacity:.55;pointer-events:none\"></div>",
  "css": "",
  "values": {},
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "safeArea": {
    "top": 0,
    "right": 0,
    "bottom": 0,
    "left": 0
  },
  "canvasBackground": "#302213"
}