{
  "id": "harbor-first-home-guide",
  "css": "#jsoncut-canvas{background:#F3EBDD}#harbor-house-icon,#harbor-calculator-icon{overflow:visible;fill:none;stroke:#18324A;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}",
  "fps": 1,
  "html": "<div id=\"harbor-bg\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Warm first-home guide paper\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"0\" style=\"left:0;top:0;width:1527px;height:2160px;background:#F3EBDD\"></div>\n<img id=\"harbor-house\" data-jc-clip data-jc-kind=\"image\" data-jc-role=\"background\" data-jc-name=\"Exclusive attainable first-home photograph\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" src=\"https://jsoncut.com/showcase/examples/harbor-first-home-guide/assets/hero-5d1265dd.png\" style=\"left:72px;top:72px;width:720px;height:1038px;object-fit:cover;object-position:50% 52%\">\n<div id=\"harbor-house-keyline\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"House photo keyline\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:72px;top:72px;width:720px;height:1038px;background:transparent;border:2px solid #FFFFFF\"></div>\n<svg id=\"harbor-house-icon\" data-jc-clip data-jc-kind=\"image\" data-jc-name=\"Library / House\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:860px;top:82px;width:54px;height:54px\" viewBox=\"0 0 24 24\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg>\n<div id=\"harbor-brand\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Harbor credit union wordmark\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:936px;top:84px;width:500px;height:52px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:.02em;line-height:1;text-align:left;display:grid;align-content:center\">HARBOR CREDIT UNION</div>\n<div id=\"harbor-kicker\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"First buyer guide kicker\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:860px;top:210px;width:560px;height:40px;color:#B76545;background:#F3EBDD;font-family:Manrope;font-size:24px;font-weight:700;letter-spacing:.06em;line-height:1;text-align:left;display:grid;align-content:center\">A FIRST BUYER GUIDE</div>\n<div id=\"harbor-title\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"First home headline\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:852px;top:278px;width:600px;height:430px;color:#18324A;background:#F3EBDD;font-family:Newsreader;font-size:104px;font-weight:500;letter-spacing:-.04em;line-height:.92;text-align:left;white-space:pre-wrap;display:grid;align-content:start\">Your first&#10;home, in&#10;three clear&#10;numbers.</div>\n<div id=\"harbor-intro\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Guide introduction\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:860px;top:758px;width:560px;height:172px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:27px;font-weight:600;line-height:1.42;text-align:left;display:grid;align-content:start\">Start with a realistic price. Set a deposit target. Then test the monthly payment against everyday life.</div>\n<div id=\"harbor-guide-code\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Guide edition\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:860px;top:1028px;width:560px;height:42px;color:#536A5C;background:#F3EBDD;font-family:Manrope;font-size:22px;font-weight:700;line-height:1;text-align:left;display:grid;align-content:center\">GUIDE HC-26 · AUTUMN EDITION</div>\n<div id=\"harbor-rule\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Affordability section divider\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:72px;top:1170px;width:1383px;height:2px;background:#CFC3B2\"></div>\n<svg id=\"harbor-calculator-icon\" data-jc-clip data-jc-kind=\"image\" data-jc-name=\"Library / Calculator\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:72px;top:1210px;width:50px;height:50px\" viewBox=\"0 0 24 24\"><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><line x1=\"8\" x2=\"16\" y1=\"6\" y2=\"6\"></line><line x1=\"16\" x2=\"16\" y1=\"14\" y2=\"18\"></line><path d=\"M16 10h.01\"></path><path d=\"M12 10h.01\"></path><path d=\"M8 10h.01\"></path><path d=\"M12 14h.01\"></path><path d=\"M8 14h.01\"></path><path d=\"M12 18h.01\"></path><path d=\"M8 18h.01\"></path></svg>\n<div id=\"harbor-example-heading\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Illustrative example heading\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:148px;top:1208px;width:920px;height:54px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:32px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">One practical affordability example</div>\n<div id=\"harbor-example-note\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Illustrative example note\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:1090px;top:1212px;width:365px;height:46px;color:#536A5C;background:#F3EBDD;font-family:Manrope;font-size:22px;font-weight:700;line-height:1;text-align:right;display:grid;align-content:center\">ILLUSTRATIVE · NOT AN OFFER</div>\n<div id=\"harbor-col-rule-one\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"First calculation divider\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:527px;top:1316px;width:2px;height:650px;background:#CFC3B2\"></div>\n<div id=\"harbor-col-rule-two\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Second calculation divider\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:998px;top:1316px;width:2px;height:650px;background:#CFC3B2\"></div>\n<div id=\"harbor-price-number\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"PURCHASE PRICE step number\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:72px;top:1310px;width:410px;height:102px;color:#B76545;background:#F3EBDD;font-family:Newsreader;font-size:94px;font-weight:500;line-height:1;text-align:left;display:grid;align-content:center\">01</div>\n<div id=\"harbor-price-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"PURCHASE PRICE heading\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:72px;top:1418px;width:410px;height:38px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:.04em;line-height:1;text-align:left;display:grid;align-content:center\">PURCHASE PRICE</div>\n<div id=\"harbor-price-value\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"PURCHASE PRICE value\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:72px;top:1480px;width:410px;height:94px;color:#18324A;background:#F3EBDD;font-family:Newsreader;font-size:76px;font-weight:500;line-height:1;text-align:left;display:grid;align-content:center\">£285,000</div>\n<div id=\"harbor-price-body\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"PURCHASE PRICE explanation\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:72px;top:1604px;width:410px;height:138px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:24px;font-weight:600;line-height:1.45;text-align:left;display:grid;align-content:start\">Use sold-price evidence,<br>not only asking prices.</div>\n<div id=\"harbor-price-note\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"PURCHASE PRICE supporting note\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:72px;top:1790px;width:410px;height:100px;color:#536A5C;background:#F3EBDD;font-family:Manrope;font-size:24px;font-weight:700;line-height:1.4;text-align:left;display:grid;align-content:start\">Target range<br>£270k–£295k</div>\n<div id=\"harbor-deposit-number\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"10% DEPOSIT step number\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:574px;top:1310px;width:378px;height:102px;color:#B76545;background:#F3EBDD;font-family:Newsreader;font-size:94px;font-weight:500;line-height:1;text-align:left;display:grid;align-content:center\">02</div>\n<div id=\"harbor-deposit-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"10% DEPOSIT heading\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:574px;top:1418px;width:378px;height:38px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:.04em;line-height:1;text-align:left;display:grid;align-content:center\">10% DEPOSIT</div>\n<div id=\"harbor-deposit-value\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"10% DEPOSIT value\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:574px;top:1480px;width:378px;height:94px;color:#18324A;background:#F3EBDD;font-family:Newsreader;font-size:76px;font-weight:500;line-height:1;text-align:left;display:grid;align-content:center\">£28,500</div>\n<div id=\"harbor-deposit-body\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"10% DEPOSIT explanation\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:574px;top:1604px;width:378px;height:138px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:24px;font-weight:600;line-height:1.45;text-align:left;display:grid;align-content:start\">Price × 0.10. Keep fees<br>and moving costs separate.</div>\n<div id=\"harbor-deposit-note\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"10% DEPOSIT supporting note\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:574px;top:1790px;width:378px;height:100px;color:#536A5C;background:#F3EBDD;font-family:Manrope;font-size:24px;font-weight:700;line-height:1.4;text-align:left;display:grid;align-content:start\">Illustrative loan<br>£256,500</div>\n<div id=\"harbor-payment-number\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"MONTHLY TEST step number\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:1046px;top:1310px;width:409px;height:102px;color:#B76545;background:#F3EBDD;font-family:Newsreader;font-size:94px;font-weight:500;line-height:1;text-align:left;display:grid;align-content:center\">03</div>\n<div id=\"harbor-payment-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"MONTHLY TEST heading\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:1046px;top:1418px;width:409px;height:38px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:.04em;line-height:1;text-align:left;display:grid;align-content:center\">MONTHLY TEST</div>\n<div id=\"harbor-payment-value\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"MONTHLY TEST value\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:1046px;top:1480px;width:409px;height:94px;color:#18324A;background:#F3EBDD;font-family:Newsreader;font-size:76px;font-weight:500;line-height:1;text-align:left;display:grid;align-content:center\">£1,432</div>\n<div id=\"harbor-payment-body\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"MONTHLY TEST explanation\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:1046px;top:1604px;width:409px;height:138px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:24px;font-weight:600;line-height:1.45;text-align:left;display:grid;align-content:start\">Illustrative repayment at<br>4.60% over 30 years.</div>\n<div id=\"harbor-payment-note\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"MONTHLY TEST supporting note\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:1046px;top:1790px;width:409px;height:100px;color:#536A5C;background:#F3EBDD;font-family:Manrope;font-size:24px;font-weight:700;line-height:1.4;text-align:left;display:grid;align-content:start\">Plus council tax,<br>insurance + upkeep</div>\n<div id=\"harbor-bottom-rule\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Guide disclaimer divider\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:72px;top:1998px;width:1383px;height:2px;background:#CFC3B2\"></div>\n<div id=\"harbor-disclaimer\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Financial illustration disclaimer\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:72px;top:2030px;width:1000px;height:58px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:22px;font-weight:600;line-height:1.3;text-align:left;display:grid;align-content:start\">Illustration only. Rates, eligibility and repayments vary. Independent advice may be appropriate.</div>\n<div id=\"harbor-contact\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Harbor guide contact\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:1120px;top:2030px;width:335px;height:58px;color:#18324A;background:#F3EBDD;font-family:Manrope;font-size:22px;font-weight:800;line-height:1.3;text-align:right;display:grid;align-content:start\">harbor.example/first-home</div>",
  "name": "Harbor first home guide",
  "width": 1527,
  "format": "jsoncut-html",
  "height": 2160,
  "values": {},
  "version": 1,
  "duration": 1,
  "safeArea": {
    "top": 72,
    "left": 72,
    "right": 72,
    "bottom": 72
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "image",
  "canvasBackground": "#F3EBDD"
}
