{"roots":["36:2793"],"nodeById":{"36:2793":{"type":"WEBPAGE","id":"36:2793","name":"/test","absoluteBoundingBox":{"x":4384.0,"y":0.0,"width":1408.0,"height":728.0},"isolatedAbsoluteRenderBounds":{"x":4384.0,"y":0.0,"width":1408.0,"height":728.0},"relativeTransform":[[1.0,0.0,4384.0],[0.0,1.0,0.0]],"size":{"x":1408.0,"y":728.0},"fills":[{"opacity":0.0470588244497776,"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["36:2794"]},"36:2794":{"type":"FRAME","id":"36:2794","name":"Desktop","absoluteBoundingBox":{"x":4448.0,"y":100.0,"width":1280.0,"height":564.0},"isolatedAbsoluteRenderBounds":{"x":4448.0,"y":100.0,"width":1280.0,"height":564.0},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,100.0]],"size":{"x":1280.0,"y":564.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0666666701436043,"g":0.10196078568697,"b":0.156862750649452,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadiiIndependent":true,"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["36:2774"]},"36:2774":{"type":"RECTANGLE","id":"36:2774","name":"alf01 1","absoluteBoundingBox":{"x":4586.5,"y":100.0,"width":1003.0,"height":564.0},"targetAspectRatio":{"x":1920.0,"y":1080.0},"isolatedAbsoluteRenderBounds":{"x":4586.5,"y":100.0,"width":1003.0,"height":564.0},"relativeTransform":[[1.0,0.0,138.5],[0.0,1.0,0.0]],"size":{"x":1003.0,"y":564.0},"fills":[{"blendMode":"NORMAL","type":"VIDEO","scaleMode":"FILL","imageRef":"dda8311da54661ab7abf36c0bac2c66cc4be1b4a","originalImageWidth":1920,"originalImageHeight":1080,"videoRef":"9ed4963b825ca9364c8a04ff8ca391a7933e92b6","visible":true,"opacity":1.0,"autoplay":false,"mediaLoop":true,"muted":true,"showControls":true}],"constraints":{"vertical":"CENTER","horizontal":"LEFT"},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]}},"assetIdToGuid":{},"guidToUrl":{"0:3":"/","29:49938":"/contact","36:2793":"/test"},"fonts":{},"assets":{"9ed4963b825ca9364c8a04ff8ca391a7933e92b6":{"type":"VIDEO_ASSET","url":"9ed4963b825ca9364c8a04ff8ca391a7933e92b6","size":{"x":1920.0,"y":1080.0}},"4ce5b16045a8c0f40afc39a90a4334b244bfd3f3":{"type":"PAINT_ASSET","url":"4ce5b16045a8c0f40afc39a90a4334b244bfd3f3.png","size":{"x":0.0,"y":0.0}},"71503f535fc533636d75fd26f48a25a19657cc5a":{"type":"GENERATED_ASSET","url":"71503f535fc533636d75fd26f48a25a19657cc5a.png","size":{"x":1200.0,"y":630.0},"offsets":{"top":{"value":0,"unit":"PIXELS"},"right":{"value":0,"unit":"PIXELS"},"bottom":{"value":0,"unit":"PIXELS"},"left":{"value":0,"unit":"PIXELS"}},"format":"PNG"},"33c62a6dd03b8b204891887b368fddc7d8f09872":{"type":"GENERATED_ASSET","url":"33c62a6dd03b8b204891887b368fddc7d8f09872.png","size":{"x":48.0,"y":48.0},"offsets":{"top":{"value":0,"unit":"PIXELS"},"right":{"value":0,"unit":"PIXELS"},"bottom":{"value":0,"unit":"PIXELS"},"left":{"value":0,"unit":"PIXELS"}},"format":"PNG"}},"stablePathToAssetInfo":{"14:8639":{"hash":"71503f535fc533636d75fd26f48a25a19657cc5a"},"34:1202":{"hash":"33c62a6dd03b8b204891887b368fddc7d8f09872"}},"animateRootIds":[],"siteSettings":{"title":"Alfred Studio - make CSS animations visible","description":"Stop guessing how your CSS animation will look.\nAlfred Studio lets developers and designers create CSS animations visually and export clean, production-ready CSS.\n\nNo libraries.\nNo lock-in.\nNo proprietary runtime.\n\nJust real CSS you can understand, edit and ship.\n\nFollow our journey and be among the first to access Alfred Studio when Kickstarter launches.","scalingMode":"REFLOW","lang":"EN","blockSearchIndexing":true,"googleAnalyticsID":"G-G3G3H5BTVE","customCodeHeadStart":"<!-- Google tag (gtag.js) -->\n<script async src=\"https://www.googletagmanager.com/gtag/js?id=G-G3G3H5BTVE\"></script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-G3G3H5BTVE');\n</script>","cookieBanner":{"enabled":true,"componentType":"MODAL","xAlignment":"LEFT","yAlignment":"BOTTOM","policyUrl":"https://alfredstudio.app/legal","policyLink":null,"triggerXAlignment":"LEFT","triggerYAlignment":"BOTTOM","triggerComponentType":"TAG","locale":"en-US"},"faviconFilename":"33c62a6dd03b8b204891887b368fddc7d8f09872.png","socialImageFilename":"71503f535fc533636d75fd26f48a25a19657cc5a.png","labs":{"E5FBBA911B2B7A09E649D4BE6CDF8591EAEFC881":false}},"sourceCodeHash":"3ba980b53a95ee5292d6037605f7f545e8676e1f"}