{
  "id": "soft-index-glass-type-study",
  "css": "#jsoncut-canvas{background:#DDE4E1}#soft-index-study{overflow:visible}",
  "fps": 1,
  "html": "<svg id=\"soft-index-study\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-name=\"Soft Index optical grid, caustics and bevel highlights\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"0\" style=\"left:0;top:0;width:2000px;height:2000px\" viewBox=\"0 0 2000 2000\"><defs>\n<pattern id=\"indexGrid\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M100 0H0V100\" fill=\"none\" stroke=\"#98A9A5\" stroke-width=\"2\" /><circle cx=\"0\" cy=\"0\" r=\"5\" fill=\"#788B86\" /></pattern>\n<lineargradient id=\"milk\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#FFFFFF\" stop-opacity=\"1\" /><stop offset=\".42\" stop-color=\"#E9F2EF\" stop-opacity=\"1\" /><stop offset=\".72\" stop-color=\"#C3D4CF\" stop-opacity=\"1\" /><stop offset=\"1\" stop-color=\"#FAFEFC\" stop-opacity=\"1\" /></lineargradient>\n<radialgradient id=\"caustic\"><stop stop-color=\"#FFFFFF\" stop-opacity=\"1\" /><stop offset=\".24\" stop-color=\"#C5FFF1\" stop-opacity=\".65\" /><stop offset=\".55\" stop-color=\"#BDB8FF\" stop-opacity=\".28\" /><stop offset=\"1\" stop-color=\"#A4FFF1\" stop-opacity=\"0\" /></radialgradient>\n<filter id=\"glass\" x=\"-20%\" y=\"-30%\" width=\"140%\" height=\"160%\"><fegaussianblur in=\"SourceAlpha\" stdDeviation=\"22\" result=\"blur\" /><feoffset in=\"blur\" dx=\"0\" dy=\"36\" result=\"off\" /><feflood flood-color=\"#5D7470\" flood-opacity=\".32\" result=\"flood\" /><fecomposite in=\"flood\" in2=\"off\" operator=\"in\" result=\"shadow\" /><femerge><femergenode in=\"shadow\" /><femergenode in=\"SourceGraphic\" /></femerge></filter>\n<filter id=\"softGlow\"><fegaussianblur stdDeviation=\"34\" /></filter>\n</defs>\n<rect width=\"2000\" height=\"2000\" fill=\"#DDE4E1\" />\n<rect x=\"70\" y=\"70\" width=\"1860\" height=\"1860\" fill=\"url(#indexGrid)\" opacity=\".72\" />\n<!-- caustic fields on backing -->\n<ellipse cx=\"460\" cy=\"470\" rx=\"420\" ry=\"210\" fill=\"url(#caustic)\" transform=\"rotate(-24 460 470)\" filter=\"url(#softGlow)\" />\n<ellipse cx=\"1570\" cy=\"1460\" rx=\"500\" ry=\"240\" fill=\"url(#caustic)\" transform=\"rotate(28 1570 1460)\" filter=\"url(#softGlow)\" />\n<path d=\"M60 1240C420 980 690 1440 1050 1120S1630 900 1940 1190\" fill=\"none\" stroke=\"#D1FFF5\" stroke-width=\"110\" opacity=\".25\" filter=\"url(#softGlow)\" />\n<!-- sharp index frame -->\n<rect x=\"70\" y=\"70\" width=\"1860\" height=\"1860\" fill=\"none\" stroke=\"#344944\" stroke-width=\"4\" />\n\n\n<!-- opaque milky glass letters hide grid rather than letting lines pass through -->\n<g font-family=\"Archivo\" font-weight=\"800\" fill=\"url(#milk)\" stroke=\"#FFFFFF\" stroke-width=\"10\" paint-order=\"stroke fill\" filter=\"url(#glass)\">\n\n\n</g>\n<!-- bevel highlights -->\n<path d=\"M226 380C380 195 780 220 866 432\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"22\" opacity=\".82\" stroke-linecap=\"round\" />\n<path d=\"M1090 360C1310 170 1760 300 1790 640\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"18\" opacity=\".78\" stroke-linecap=\"round\" />\n<path d=\"M250 1070C460 920 780 1020 820 1240\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"20\" opacity=\".72\" stroke-linecap=\"round\" />\n<path d=\"M1100 1070C1320 900 1740 1050 1770 1380\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"18\" opacity=\".76\" stroke-linecap=\"round\" />\n<!-- refraction edge color, restrained -->\n<path d=\"M170 790C290 900 500 925 690 862\" fill=\"none\" stroke=\"#97D8CB\" stroke-width=\"12\" opacity=\".55\" />\n<path d=\"M1060 1500C1280 1650 1570 1640 1790 1480\" fill=\"none\" stroke=\"#A49BE0\" stroke-width=\"12\" opacity=\".42\" />\n<!-- index metadata sits above and never crosses letters -->\n\n\n\n\n\n<!-- coordinate labels -->\n<g font-family=\"JetBrains Mono\" font-size=\"16\" font-weight=\"800\" fill=\"#344944\" />\n\n</svg>\n<div id=\"soft-index-metadata-panel\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Material metadata panel\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:1320px;top:1620px;width:530px;height:214px;background:#344944\"></div>\n<div id=\"soft-text-1\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"SOFT INDEX / OPTICAL TYPE STUDY\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:106px;top:106.64px;width:700px;height:27.5px;color:#344944;font-family:JetBrains Mono;font-size:22px;font-weight:800;letter-spacing:5px;line-height:1;text-align:left;display:grid;align-content:center;white-space:nowrap;\">SOFT INDEX / OPTICAL TYPE STUDY</div>\n<div id=\"soft-text-2\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"REFRACTION FIELD 04\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:1561.4px;top:106.64px;width:332.59999999999997px;height:27.5px;color:#344944;font-family:JetBrains Mono;font-size:22px;font-weight:800;line-height:1;text-align:right;display:grid;align-content:center\">REFRACTION FIELD 04</div>\n<div id=\"soft-glass-so\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"SO milky glass letterform\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:125px;top:245px;width:1700px;height:760px;color:transparent;background:linear-gradient(135deg,#FFFFFF 0%,#E9F2EF 42%,#C3D4CF 72%,#FAFEFC 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:10px #FFFFFF;filter:drop-shadow(0 36px 22px rgba(93,116,112,.32));font-family:Archivo;font-size:760px;font-weight:800;letter-spacing:-70px;line-height:1;display:grid;align-content:center\">SO</div>\n<div id=\"soft-glass-ft\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"FT milky glass letterform\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:150px;top:937px;width:1700px;height:760px;color:transparent;background:linear-gradient(135deg,#FFFFFF 0%,#E9F2EF 42%,#C3D4CF 72%,#FAFEFC 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:10px #FFFFFF;filter:drop-shadow(0 36px 22px rgba(93,116,112,.32));font-family:Archivo;font-size:760px;font-weight:800;letter-spacing:-64px;line-height:1;display:grid;align-content:center\">FT</div>\n<div id=\"soft-text-5\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"INDEX / MATERIAL\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:1360px;top:1656.16px;width:241.6px;height:22.5px;color:#DDE4E1;font-family:JetBrains Mono;font-size:18px;font-weight:800;letter-spacing:2px;line-height:1;text-align:left;display:grid;align-content:center\">INDEX / MATERIAL</div>\n<div id=\"soft-text-6\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"milky borosilicate\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:1360px;top:1698.24px;width:380.2px;height:33.75px;color:#FFFFFF;font-family:Manrope;font-size:27px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">milky borosilicate</div>\n<div id=\"soft-text-7\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"edge 14 mm · frost 62%\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:1360px;top:1748.4px;width:348px;height:25px;color:#BED0CB;font-family:Manrope;font-size:20px;font-weight:600;line-height:1;text-align:left;display:grid;align-content:center\">edge 14 mm · frost 62%</div>\n<div id=\"soft-text-8\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"light 5300 K · rake 27°\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:1360px;top:1786.4px;width:362px;height:25px;color:#BED0CB;font-family:Manrope;font-size:20px;font-weight:600;line-height:1;text-align:left;display:grid;align-content:center\">light 5300 K · rake 27°</div>\n<div id=\"soft-text-9\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"X 00\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:96px;top:1833.92px;width:90px;height:20px;color:#344944;font-family:JetBrains Mono;font-size:16px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">X 00</div>\n<div id=\"soft-text-10\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"X 10\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:980px;top:1833.92px;width:90px;height:20px;color:#344944;font-family:JetBrains Mono;font-size:16px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">X 10</div>\n<div id=\"soft-text-11\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"X 20\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:1840px;top:1833.92px;width:90px;height:20px;color:#344944;font-family:JetBrains Mono;font-size:16px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">X 20</div>\n<div id=\"soft-text-12\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Y 02\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:94px;top:245.92px;width:90px;height:20px;color:#344944;font-family:JetBrains Mono;font-size:16px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">Y 02</div>\n<div id=\"soft-text-13\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Y 10\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:94px;top:1003.92px;width:90px;height:20px;color:#344944;font-family:JetBrains Mono;font-size:16px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">Y 10</div>\n<div id=\"soft-text-14\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Y 18\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:94px;top:1769.92px;width:90px;height:20px;color:#344944;font-family:JetBrains Mono;font-size:16px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">Y 18</div>\n<div id=\"soft-text-15\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Letters as surfaces; light as the second alphabet.\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:108px;top:1861.6px;width:1090px;height:37.5px;color:#344944;font-family:Newsreader;font-size:30px;font-weight:700;line-height:1;text-align:left;display:grid;align-content:center\">Letters as surfaces; light as the second alphabet.</div>\n<div id=\"soft-text-16\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"2000 × 2000 / MASTER\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:1616px;top:1873.04px;width:278px;height:21.25px;color:#344944;font-family:JetBrains Mono;font-size:17px;font-weight:800;line-height:1;text-align:right;display:grid;align-content:center\">2000 × 2000 / MASTER</div>",
  "name": "Soft Index glass type study",
  "width": 2000,
  "format": "jsoncut-html",
  "height": 2000,
  "values": {},
  "version": 1,
  "duration": 1,
  "safeArea": {
    "top": 54,
    "left": 54,
    "right": 54,
    "bottom": 40
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "image",
  "canvasBackground": "#DDE4E1",
  "editabilityTarget": "layered"
}