{
  "id": "showcase-image-finance-app-onboarding",
  "name": "Finance App Onboarding",
  "format": "jsoncut-html",
  "compositionKind": "image",
  "width": 1080,
  "height": 1350,
  "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:1080px;height:1350px;background:#071821\"></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:1080px;height:1350px;background:linear-gradient(#F1FAFF14 1px,transparent 1px),linear-gradient(90deg,#F1FAFF14 1px,transparent 1px);background-size:59px 59px\"></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/finance-app-onboarding/assets/hero-c09c49a0f5.jpg\" alt=\"\" style=\"position:absolute;display:block;box-sizing:border-box;object-fit:cover;left:529px;top:216px;width:454px;height:743px;filter:grayscale(.35) contrast(1.15);border:2.16px solid #FE7D68\"><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:529px;top:999px;width:454px;height:22px;background:repeating-linear-gradient(90deg,#20BCE8 0 2px,transparent 2px 27px)\"></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:59px;top:59px;width:421px;height:81px;color:#20BCE8;font-family:Roboto Mono;font-size:14px;font-weight:760;line-height:1.35;letter-spacing:-.01em;text-align:left\">93 · MOBILE PRODUCT</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:59px;top:270px;width:421px;height:459px;color:#F1FAFF;font-family:Fraunces;font-size:57px;font-weight:800;line-height:.92;letter-spacing:-.055em;text-align:left\">Finance App\nOnboarding</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:59px;top:824px;width:421px;height:176px;color:#F1FAFFB8;font-family:Inter;font-size:18px;font-weight:550;line-height:1.35;letter-spacing:-.01em;text-align:left\">finance-app screen ·  three-step onboarding orbit and a secure-data visual cue</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:59px;top:1203px;width:421px;height:88px;color:#20BCE8;font-family:Roboto Mono;font-size:14px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-align:left\">TRY THE APP</div>",
  "css": "",
  "values": {},
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "safeArea": {
    "top": 0,
    "right": 0,
    "bottom": 0,
    "left": 0
  },
  "canvasBackground": "#071821"
}