{
  "id": "showcase-image-headphone-colorway-card",
  "name": "Headphone Colorway Card",
  "format": "jsoncut-html",
  "compositionKind": "image",
  "width": 1600,
  "height": 1200,
  "fps": 1,
  "duration": 1,
  "version": 1,
  "html": "<div id=\"bg\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Dark 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:1200px;background:#081711\"></div><img id=\"photo\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-name=\"Diagonal image crop\" data-jc-track=\"1\" data-jc-start=\"0\" data-jc-duration=\"1\" src=\"https://jsoncut.com/showcase/examples/headphone-colorway-card/assets/hero-a2ba99b7f0.jpg\" alt=\"\" style=\"position:absolute;display:block;box-sizing:border-box;object-fit:cover;left:688px;top:0px;width:912px;height:1200px;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);filter:contrast(1.12) saturate(.92)\"><div id=\"slash\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Diagonal accent\" data-jc-track=\"2\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:592px;top:-60px;width:112px;height:1320px;background:#49D17D;transform:skewX(-8deg)\"></div><div id=\"index\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Index tile\" data-jc-track=\"3\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:76px;top:980px;width:176px;height:144px;background:#A6E05A\"></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:76px;top:76px;width:528px;height:72px;color:#49D17D;font-family:Roboto Mono;font-size:21px;font-weight:760;line-height:1.35;letter-spacing:-.01em;text-align:left\">04 · E-COMMERCE</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:76px;top:240px;width:528px;height:408px;color:#EDF8E8;font-family:Bodoni Moda;font-size:84px;font-weight:800;line-height:.92;letter-spacing:-.055em;text-align:left\">Headphone\nColorway</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:76px;top:708px;width:528px;height:156px;color:#EDF8E8B8;font-family:Manrope;font-size:27px;font-weight:550;line-height:1.35;letter-spacing:-.01em;text-align:left\">Floating headphones on a saturated cobalt set ·  three independent swatches and an oversized cropped model number</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:76px;top:936px;width:528px;height:78px;color:#49D17D;font-family:Roboto Mono;font-size:19px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-align:left\">SHOP THE EDIT</div>",
  "css": "",
  "values": {},
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "safeArea": {
    "top": 0,
    "right": 0,
    "bottom": 0,
    "left": 0
  },
  "canvasBackground": "#081711"
}