diff --git a/README.md b/README.md
index 8180a38..e52c01c 100644
--- a/README.md
+++ b/README.md
@@ -54,7 +54,8 @@ https://github.com/user-attachments/assets/bd0c3f18-e98a-4050-bf22-46b198fadac2
CodeRio can be seamlessly integrated into Cursor as a Skill. Simply input a prompt like **"Create a React project and restore this design with high fidelity,"** along with your output directory, Figma URL([Design Link](https://www.figma.com/design/c0UBII8lURfxZIY8W6tSDR/Top-16-Websites-of-2024---Awwwards--Community-?node-id=30-8264&t=FB3Hohq2nsH7ZFts-4)), and Token. The Agent will guide you step-by-step through the page generation process. For Landing Pages, it achieves **high-fidelity restoration**, accurately reproducing images and styles. It also automatically encapsulates reusable components (such as cards) and strictly adheres to **frontend development best practices**.
-https://github.com/user-attachments/assets/a66dc680-f68d-4121-b416-aa6b778bd895
+
+https://github.com/user-attachments/assets/43817e97-ffd2-40e3-9d33-78ee55b2ec2d
## 🚀 Quick Start
@@ -235,24 +236,9 @@ Beyond visual fidelity, the generated code is built for long-term maintenance:
- [ ] Vue.js and Svelte support
- [ ] Custom design system integration
-## 🤝 Contributing
-
-we welcome contributions!
-
-```bash
-git clone https://github.com/MigoXLab/coderio.git
-cd coderio
-pnpm install
-pnpm build
-```
-
-### Contributors
-
-Thanks to all our contributors! 🎉
+### 🤝 Contributors
-
-
-
+Welcome to contribute. Thanks to all our contributors! 🎉
## 📄 License
diff --git a/README_zh-CN.md b/README_zh-CN.md
index 084f584..1a2fd0d 100644
--- a/README_zh-CN.md
+++ b/README_zh-CN.md
@@ -53,7 +53,8 @@ https://github.com/user-attachments/assets/bd0c3f18-e98a-4050-bf22-46b198fadac2
CodeRio 支持作为 Skill 集成到 Cursor 中使用。您只需在对话框中输入 **“请帮我创建一个 React 工程,高保真还原设计稿”**,并提供输出目录、设计稿链接([设计稿链接](https://www.figma.com/design/c0UBII8lURfxZIY8W6tSDR/Top-16-Websites-of-2024---Awwwards--Community-?node-id=30-8264&t=FB3Hohq2nsH7ZFts-4))及 Figma Token,Agent 即可引导您逐步完成网页生成。对于落地页(Landing Page)类页面,CodeRio 能达到 **高保真还原** 标准,精确还原图片与样式,并自动对卡片等组件进行 **复用封装**,生成的代码完全符合 **前端开发规范**。
-https://github.com/user-attachments/assets/a66dc680-f68d-4121-b416-aa6b778bd895
+
+https://github.com/user-attachments/assets/43817e97-ffd2-40e3-9d33-78ee55b2ec2d
## 🚀 快速开始
@@ -237,10 +238,6 @@ interface Protocol {
我们欢迎贡献!感谢所有贡献者!🎉
-
-
-
-
## 📄 许可证
Apache-2.0 © CodeRio 贡献者
diff --git a/examples/case1/process/figma.json b/examples/cli-demo/process/figma.json
similarity index 100%
rename from examples/case1/process/figma.json
rename to examples/cli-demo/process/figma.json
diff --git a/examples/case1/process/images.json b/examples/cli-demo/process/images.json
similarity index 100%
rename from examples/case1/process/images.json
rename to examples/cli-demo/process/images.json
diff --git a/examples/case1/process/protocol.json b/examples/cli-demo/process/protocol.json
similarity index 100%
rename from examples/case1/process/protocol.json
rename to examples/cli-demo/process/protocol.json
diff --git a/examples/case1/process/validation/comparison_screenshots/final.webp b/examples/cli-demo/process/validation/comparison_screenshots/final.webp
similarity index 100%
rename from examples/case1/process/validation/comparison_screenshots/final.webp
rename to examples/cli-demo/process/validation/comparison_screenshots/final.webp
diff --git a/examples/case1/process/validation/comparison_screenshots/heatmap.webp b/examples/cli-demo/process/validation/comparison_screenshots/heatmap.webp
similarity index 100%
rename from examples/case1/process/validation/comparison_screenshots/heatmap.webp
rename to examples/cli-demo/process/validation/comparison_screenshots/heatmap.webp
diff --git a/examples/case1/process/validation/comparison_screenshots/iteration_1.webp b/examples/cli-demo/process/validation/comparison_screenshots/iteration_1.webp
similarity index 100%
rename from examples/case1/process/validation/comparison_screenshots/iteration_1.webp
rename to examples/cli-demo/process/validation/comparison_screenshots/iteration_1.webp
diff --git a/examples/case1/process/validation/comparison_screenshots/iteration_1_render_marked.webp b/examples/cli-demo/process/validation/comparison_screenshots/iteration_1_render_marked.webp
similarity index 100%
rename from examples/case1/process/validation/comparison_screenshots/iteration_1_render_marked.webp
rename to examples/cli-demo/process/validation/comparison_screenshots/iteration_1_render_marked.webp
diff --git a/examples/case1/process/validation/comparison_screenshots/iteration_1_target_marked.webp b/examples/cli-demo/process/validation/comparison_screenshots/iteration_1_target_marked.webp
similarity index 100%
rename from examples/case1/process/validation/comparison_screenshots/iteration_1_target_marked.webp
rename to examples/cli-demo/process/validation/comparison_screenshots/iteration_1_target_marked.webp
diff --git a/examples/case1/process/validation/processed.json b/examples/cli-demo/process/validation/processed.json
similarity index 100%
rename from examples/case1/process/validation/processed.json
rename to examples/cli-demo/process/validation/processed.json
diff --git a/examples/case1/report.html b/examples/cli-demo/report.html
similarity index 100%
rename from examples/case1/report.html
rename to examples/cli-demo/report.html
diff --git a/examples/skill-demo/.gitignore b/examples/skill-demo/.gitignore
new file mode 100644
index 0000000..d0c1b7b
--- /dev/null
+++ b/examples/skill-demo/.gitignore
@@ -0,0 +1,10 @@
+node_modules/
+dist/
+build/
+.env
+.DS_Store
+*.log
+.vscode/
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
diff --git a/examples/skill-demo/index.html b/examples/skill-demo/index.html
new file mode 100644
index 0000000..32fad37
--- /dev/null
+++ b/examples/skill-demo/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+ coderio-demo
+
+
+
+
+
+
diff --git a/examples/skill-demo/package.json b/examples/skill-demo/package.json
new file mode 100644
index 0000000..c2149b0
--- /dev/null
+++ b/examples/skill-demo/package.json
@@ -0,0 +1,26 @@
+{
+ "name": "coderio-demo",
+ "private": true,
+ "version": "0.0.0",
+ "type": "module",
+ "scripts": {
+ "dev": "pnpm exec vite",
+ "build": "pnpm exec tsc && pnpm exec vite build",
+ "preview": "pnpm exec vite preview"
+ },
+ "dependencies": {
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0"
+ },
+ "devDependencies": {
+ "@types/react": "^18.2.66",
+ "@types/react-dom": "^18.2.22",
+ "@vitejs/plugin-react": "^4.2.1",
+ "@tailwindcss/vite": "^4.0.0",
+ "tailwindcss": "^4.0.0",
+ "typescript": "^5.2.2",
+ "vite": "^5.2.0",
+ "less": "^4.2.0",
+ "@types/node": "^20.12.7"
+ }
+}
diff --git a/examples/skill-demo/process/figma.json b/examples/skill-demo/process/figma.json
new file mode 100644
index 0000000..ccad111
--- /dev/null
+++ b/examples/skill-demo/process/figma.json
@@ -0,0 +1,21597 @@
+{
+ "id": "728:17673",
+ "name": "certosoftware.com",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17674",
+ "name": "nav:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17675",
+ "name": "header",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17676",
+ "name": "bg-circle.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17677",
+ "name": "bg-circle.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17678",
+ "name": "Ellipse 2",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_RADIAL",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5001020956478897,
+ "y": 0.5001020431518555
+ },
+ {
+ "x": 1.0001020956478897,
+ "y": 0.5001020431518555
+ },
+ {
+ "x": 0.5001020956478897,
+ "y": 0.00010204315185546875
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.9058823585510254,
+ "g": 0.9372549057006836,
+ "b": 0.9803921580314636,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.951101541519165,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 22215,
+ "y": 18690,
+ "width": 1770,
+ "height": 1770
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 885,
+ "height": 708
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 0.951101541519165,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 22215,
+ "y": 18690,
+ "width": 1770,
+ "height": 1770
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 885,
+ "height": 708
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 21300,
+ "y": 18690,
+ "width": 3600,
+ "height": 1770
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17679",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17680",
+ "name": "figure",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.26274511218070984,
+ "g": 0.2078431397676468,
+ "b": 0.8705882430076599,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23870.40625,
+ "y": 18936,
+ "width": 741.59375,
+ "height": 741.59375
+ },
+ "absoluteRenderBounds": {
+ "x": 23870.40625,
+ "y": 18936,
+ "width": 669.59375,
+ "height": 639
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17681",
+ "name": "home-header-2.png",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "4b5642352b30ebd6ddcf9e9299eeec6b61a473b8",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 0.7497656941413879,
+ 0.12511715292930603
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23892,
+ "y": 18961.1875,
+ "width": 720,
+ "height": 720
+ },
+ "absoluteRenderBounds": {
+ "x": 23892,
+ "y": 18961.1875,
+ "width": 648,
+ "height": 613.8125
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23892,
+ "y": 18961.1875,
+ "width": 720,
+ "height": 720
+ },
+ "absoluteRenderBounds": {
+ "x": 23870.40625,
+ "y": 18936,
+ "width": 669.59375,
+ "height": 639
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17682",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17683",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17684",
+ "name": "h1",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17685",
+ "name": "Your mobile privacy is our mission",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 595.2000122070312,
+ "height": 150
+ },
+ "absoluteRenderBounds": {
+ "x": 23293.12890625,
+ "y": 19014.2578125,
+ "width": 563.5703125,
+ "height": 122.109375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Your mobile privacy is our mission",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 60,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -1.2000000476837158,
+ "lineHeightPx": 75,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 8.29998779296875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 603.5,
+ "height": 150
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 603.5,
+ "height": 150
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17686",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17687",
+ "name": "Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19203.75,
+ "width": 597.8875122070312,
+ "height": 82
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.966796875,
+ "y": 19206.75,
+ "width": 578.419921875,
+ "height": 75.255859375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "fontSize": 20,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 123.94367218017578,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19199.75,
+ "width": 603.5,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19199.75,
+ "width": 603.5,
+ "height": 90
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17688",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17689",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17690",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17691",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17692",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 19405.02734375,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17693",
+ "name": "span:after",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17694",
+ "name": "button-arrow.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17695",
+ "name": "Icon ionic-ios-arrow-round-forward",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23520.541015625,
+ "y": 19406.26171875,
+ "width": 20.115903854370117,
+ "height": 13.539302825927734
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 19406.26171875,
+ "width": 20,
+ "height": 13.48828125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 19406.25,
+ "width": 20,
+ "height": 13.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 19406.25,
+ "width": 20,
+ "height": 13.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 19406,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 19406,
+ "width": 20,
+ "height": 14
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17696",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17697",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23628.65625,
+ "y": 19401.75,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23629.552734375,
+ "y": 19405.02734375,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 0.0020000000949949026
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 0,
+ "y": 0
+ },
+ "radius": 0,
+ "spread": 2
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 48,
+ "paddingBottom": 24,
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 612.25,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 603.5,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19289.75,
+ "width": 603.5,
+ "height": 150.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19289.75,
+ "width": 603.5,
+ "height": 150.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 633.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 633.5,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17698",
+ "name": "figure",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17699",
+ "name": "android-dashboard-certo-2.png",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "ab77a2134011d07a7bbcc6283b6f3a9d23c5510b",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 0.9999674558639526,
+ 0.000016259633412119
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 196,
+ "itemSpacing": 15,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 1086,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 1086,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ },
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17700",
+ "name": "main#primary",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17701",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17702",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17703",
+ "name": "Loved by thousands of iPhone and Android users alike",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19658,
+ "width": 563.4187622070312,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23197.060546875,
+ "y": 19666.10546875,
+ "width": 511.71484375,
+ "height": 73.265625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Loved by thousands of iPhone and Android users alike",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 36,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 45.58123779296875,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19658,
+ "width": 609,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23196,
+ "y": 19658,
+ "width": 609,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17704",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17705",
+ "name": "Featured in:",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 20230.484375,
+ "width": 129,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23197.265625,
+ "y": 20235.662109375,
+ "width": 126.353515625,
+ "height": 18.06640625
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Featured in:",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17706",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17707",
+ "name": "figure",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17708",
+ "name": "cnbc-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17709",
+ "name": "cnbc-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17710",
+ "name": "Group 4132",
+ "type": "GROUP",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17711",
+ "name": "Path 10698",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23441.40625,
+ "y": 20272.068359375,
+ "width": 32.48000717163086,
+ "height": 21.91510772705078
+ },
+ "absoluteRenderBounds": {
+ "x": 23441.41015625,
+ "y": 20272.068359375,
+ "width": 32.4765625,
+ "height": 21.916015625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17712",
+ "name": "Path 10699",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23538.408203125,
+ "y": 20272.068359375,
+ "width": 32.48000717163086,
+ "height": 21.91510772705078
+ },
+ "absoluteRenderBounds": {
+ "x": 23538.408203125,
+ "y": 20272.068359375,
+ "width": 32.42974853515625,
+ "height": 21.916015625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17713",
+ "name": "Path 10700",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23475.55859375,
+ "y": 20272.498046875,
+ "width": 31.45095443725586,
+ "height": 20.92748260498047
+ },
+ "absoluteRenderBounds": {
+ "x": 23475.55859375,
+ "y": 20272.498046875,
+ "width": 31.451171875,
+ "height": 20.927734375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17714",
+ "name": "Path 10701",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23509.498046875,
+ "y": 20272.498046875,
+ "width": 27.727413177490234,
+ "height": 20.92748260498047
+ },
+ "absoluteRenderBounds": {
+ "x": 23509.498046875,
+ "y": 20272.498046875,
+ "width": 27.7265625,
+ "height": 20.927734375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17715",
+ "name": "Path 10702",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23513.580078125,
+ "y": 20215.072265625,
+ "width": 42.67292785644531,
+ "height": 49.411834716796875
+ },
+ "absoluteRenderBounds": {
+ "x": 23513.580078125,
+ "y": 20215.072265625,
+ "width": 42.673828125,
+ "height": 49.412109375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17716",
+ "name": "Path 10703",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23506.607421875,
+ "y": 20198.98046875,
+ "width": 26.108509063720703,
+ "height": 60.784423828125
+ },
+ "absoluteRenderBounds": {
+ "x": 23506.607421875,
+ "y": 20198.984375,
+ "width": 26.109375,
+ "height": 60.78125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17717",
+ "name": "Path 10704",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23478.927734375,
+ "y": 20199.037109375,
+ "width": 26.118005752563477,
+ "height": 60.87745666503906
+ },
+ "absoluteRenderBounds": {
+ "x": 23478.927734375,
+ "y": 20199.037109375,
+ "width": 26.1171875,
+ "height": 60.876953125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17718",
+ "name": "Path 10705",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23455.22265625,
+ "y": 20215.044921875,
+ "width": 42.30844497680664,
+ "height": 49.50786209106445
+ },
+ "absoluteRenderBounds": {
+ "x": 23455.22265625,
+ "y": 20215.044921875,
+ "width": 42.30859375,
+ "height": 49.5078125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17719",
+ "name": "Path 10706",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23444.3125,
+ "y": 20241.986328125,
+ "width": 56.99338150024414,
+ "height": 26.849435806274414
+ },
+ "absoluteRenderBounds": {
+ "x": 23444.3125,
+ "y": 20241.986328125,
+ "width": 56.994140625,
+ "height": 26.849609375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17720",
+ "name": "Path 10707",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23509.9375,
+ "y": 20241.986328125,
+ "width": 56.994075775146484,
+ "height": 26.849435806274414
+ },
+ "absoluteRenderBounds": {
+ "x": 23509.9375,
+ "y": 20241.986328125,
+ "width": 56.994140625,
+ "height": 26.849609375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23441.40625,
+ "y": 20198.98046875,
+ "width": 129.48196411132812,
+ "height": 95.00299835205078
+ },
+ "absoluteRenderBounds": {
+ "x": 23441.41015625,
+ "y": 20198.984375,
+ "width": 129.42779541015625,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 0.9955983757972717,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23441.41015625,
+ "y": 20198.984375,
+ "width": 129.42779541015625,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23441.41015625,
+ "y": 20198.984375,
+ "width": 129.42779541015625,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23441.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23441.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23441.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23441.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17721",
+ "name": "figure",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17722",
+ "name": "new-york-post-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17723",
+ "name": "new-york-post-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17724",
+ "name": "Group 4134",
+ "type": "GROUP",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17725",
+ "name": "Path 10708",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23690.14453125,
+ "y": 20236.63671875,
+ "width": 46.980003356933594,
+ "height": 19.56944465637207
+ },
+ "absoluteRenderBounds": {
+ "x": 23690.14453125,
+ "y": 20236.673828125,
+ "width": 46.98046875,
+ "height": 19.533203125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17726",
+ "name": "Path 10709",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23660.517578125,
+ "y": 20237.193359375,
+ "width": 0.18750151991844177,
+ "height": 0.25999999046325684
+ },
+ "absoluteRenderBounds": {
+ "x": 23660.517578125,
+ "y": 20237.193359375,
+ "width": 0.1875,
+ "height": 0.259765625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17727",
+ "name": "Path 10710",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708.865234375,
+ "y": 20240,
+ "width": 4.7400054931640625,
+ "height": 10.004897117614746
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.865234375,
+ "y": 20240,
+ "width": 4.740234375,
+ "height": 10.005859375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17728",
+ "name": "Path 10711",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23662.59375,
+ "y": 20240.048828125,
+ "width": 4.511350631713867,
+ "height": 9.881474494934082
+ },
+ "absoluteRenderBounds": {
+ "x": 23662.59375,
+ "y": 20240.048828125,
+ "width": 4.51171875,
+ "height": 9.880859375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17729",
+ "name": "Path 10712",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23700.064453125,
+ "y": 20240.189453125,
+ "width": 3.5024142265319824,
+ "height": 5.0815958976745605
+ },
+ "absoluteRenderBounds": {
+ "x": 23700.064453125,
+ "y": 20240.189453125,
+ "width": 3.501953125,
+ "height": 5.08203125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17730",
+ "name": "Path 10713",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23674.625,
+ "y": 20240.2734375,
+ "width": 3.183558702468872,
+ "height": 3.5517079830169678
+ },
+ "absoluteRenderBounds": {
+ "x": 23674.625,
+ "y": 20240.2734375,
+ "width": 3.18359375,
+ "height": 3.55078125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17731",
+ "name": "Path 10714",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23607.125,
+ "y": 20236.720703125,
+ "width": 87.26000213623047,
+ "height": 19.48410987854004
+ },
+ "absoluteRenderBounds": {
+ "x": 23607.125,
+ "y": 20236.720703125,
+ "width": 87.259765625,
+ "height": 19.484375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23607.125,
+ "y": 20236.63671875,
+ "width": 129.99954223632812,
+ "height": 19.56944465637207
+ },
+ "absoluteRenderBounds": {
+ "x": 23607.125,
+ "y": 20236.673828125,
+ "width": 130,
+ "height": 19.533203125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23607.125,
+ "y": 20236.673828125,
+ "width": 130,
+ "height": 19.6200008392334
+ },
+ "absoluteRenderBounds": {
+ "x": 23607.125,
+ "y": 20236.673828125,
+ "width": 130,
+ "height": 19.6200008392334
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23607.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23607.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23607.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23607.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17732",
+ "name": "figure",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17733",
+ "name": "financial-times-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17734",
+ "name": "financial-times-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17735",
+ "name": "Group 13254",
+ "type": "GROUP",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17736",
+ "name": "Path 11693",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23773.125,
+ "y": 20225.224609375,
+ "width": 42.52000045776367,
+ "height": 42.52000045776367
+ },
+ "absoluteRenderBounds": {
+ "x": 23773.125,
+ "y": 20225.224609375,
+ "width": 42.51953125,
+ "height": 42.51953125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17737",
+ "name": "Path 11694",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23821.9140625,
+ "y": 20234.814453125,
+ "width": 81.18000030517578,
+ "height": 24.90130615234375
+ },
+ "absoluteRenderBounds": {
+ "x": 23821.9140625,
+ "y": 20234.814453125,
+ "width": 81.1796875,
+ "height": 24.900390625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23773.125,
+ "y": 20225.224609375,
+ "width": 129.96905517578125,
+ "height": 42.52000045776367
+ },
+ "absoluteRenderBounds": {
+ "x": 23773.125,
+ "y": 20225.224609375,
+ "width": 129.96905517578125,
+ "height": 42.52000045776367
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23773.125,
+ "y": 20225.224609375,
+ "width": 130,
+ "height": 42.52000045776367
+ },
+ "absoluteRenderBounds": {
+ "x": 23773.125,
+ "y": 20225.224609375,
+ "width": 130,
+ "height": 42.52000045776367
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23773.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23773.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23773.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23773.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17738",
+ "name": "figure",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17739",
+ "name": "readers-digest-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17740",
+ "name": "readers-digest-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17741",
+ "name": "Group 4138",
+ "type": "GROUP",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17742",
+ "name": "Path 10716",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24055.734375,
+ "y": 20230.904296875,
+ "width": 13.360000610351562,
+ "height": 17.59000015258789
+ },
+ "absoluteRenderBounds": {
+ "x": 24055.734375,
+ "y": 20230.904296875,
+ "width": 13.359375,
+ "height": 17.58984375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17743",
+ "name": "Path 10717",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24053.12109375,
+ "y": 20223.220703125,
+ "width": 5.474827289581299,
+ "height": 9.77402400970459
+ },
+ "absoluteRenderBounds": {
+ "x": 24053.12109375,
+ "y": 20223.224609375,
+ "width": 5.474609375,
+ "height": 9.76953125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17744",
+ "name": "Path 10718",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24012.255859375,
+ "y": 20253.154296875,
+ "width": 6.980003356933594,
+ "height": 11.889999389648438
+ },
+ "absoluteRenderBounds": {
+ "x": 24012.255859375,
+ "y": 20253.154296875,
+ "width": 6.98046875,
+ "height": 11.890625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17745",
+ "name": "Path 10719",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24004.42578125,
+ "y": 20255.484375,
+ "width": 7.209999084472656,
+ "height": 9.556461334228516
+ },
+ "absoluteRenderBounds": {
+ "x": 24004.42578125,
+ "y": 20255.484375,
+ "width": 7.2109375,
+ "height": 9.556640625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17746",
+ "name": "Path 10720",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24038.85546875,
+ "y": 20231.224609375,
+ "width": 12.839996337890625,
+ "height": 16.8799991607666
+ },
+ "absoluteRenderBounds": {
+ "x": 24038.85546875,
+ "y": 20231.224609375,
+ "width": 12.83984375,
+ "height": 16.880859375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17747",
+ "name": "Path 10721",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23963.125,
+ "y": 20231.224609375,
+ "width": 16.61672019958496,
+ "height": 17.420000076293945
+ },
+ "absoluteRenderBounds": {
+ "x": 23963.125,
+ "y": 20231.224609375,
+ "width": 16.6171875,
+ "height": 17.419921875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17748",
+ "name": "Path 10722",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23994.01953125,
+ "y": 20255.45703125,
+ "width": 9.259700775146484,
+ "height": 9.717094421386719
+ },
+ "absoluteRenderBounds": {
+ "x": 23994.01953125,
+ "y": 20255.45703125,
+ "width": 9.259765625,
+ "height": 9.716796875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17749",
+ "name": "Path 10723",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24020.955078125,
+ "y": 20231.224609375,
+ "width": 16.63408088684082,
+ "height": 17.469999313354492
+ },
+ "absoluteRenderBounds": {
+ "x": 24020.955078125,
+ "y": 20231.224609375,
+ "width": 16.634765625,
+ "height": 17.470703125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17750",
+ "name": "Path 10724",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23939.125,
+ "y": 20224.654296875,
+ "width": 29.600000381469727,
+ "height": 27.127761840820312
+ },
+ "absoluteRenderBounds": {
+ "x": 23939.125,
+ "y": 20224.654296875,
+ "width": 29.599609375,
+ "height": 27.126953125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17751",
+ "name": "Path 10725",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23979.85546875,
+ "y": 20252.220703125,
+ "width": 2.6612353324890137,
+ "height": 2.433445930480957
+ },
+ "absoluteRenderBounds": {
+ "x": 23979.85546875,
+ "y": 20252.220703125,
+ "width": 2.662109375,
+ "height": 2.43359375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17752",
+ "name": "Path 10726",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23978.765625,
+ "y": 20255.865234375,
+ "width": 4.920001983642578,
+ "height": 9
+ },
+ "absoluteRenderBounds": {
+ "x": 23978.765625,
+ "y": 20255.865234375,
+ "width": 4.919921875,
+ "height": 9
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17753",
+ "name": "Path 10727",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23981.978515625,
+ "y": 20231.21484375,
+ "width": 17.426719665527344,
+ "height": 17.399877548217773
+ },
+ "absoluteRenderBounds": {
+ "x": 23981.978515625,
+ "y": 20231.21484375,
+ "width": 17.42578125,
+ "height": 17.400390625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17754",
+ "name": "Path 10728",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24000.115234375,
+ "y": 20223.365234375,
+ "width": 19.42013931274414,
+ "height": 25.09000015258789
+ },
+ "absoluteRenderBounds": {
+ "x": 24000.115234375,
+ "y": 20223.365234375,
+ "width": 19.419921875,
+ "height": 25.08984375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17755",
+ "name": "Path 10729",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23966.51953125,
+ "y": 20250.904296875,
+ "width": 10.986050605773926,
+ "height": 14.200000762939453
+ },
+ "absoluteRenderBounds": {
+ "x": 23966.51953125,
+ "y": 20250.904296875,
+ "width": 10.986328125,
+ "height": 14.19921875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17756",
+ "name": "Path 10730",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23984.609375,
+ "y": 20254.375,
+ "width": 9.825161933898926,
+ "height": 15.289999008178711
+ },
+ "absoluteRenderBounds": {
+ "x": 23984.609375,
+ "y": 20254.375,
+ "width": 9.82421875,
+ "height": 15.2890625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23939.125,
+ "y": 20223.220703125,
+ "width": 129.96937561035156,
+ "height": 46.444297790527344
+ },
+ "absoluteRenderBounds": {
+ "x": 23939.125,
+ "y": 20223.224609375,
+ "width": 129.96937561035156,
+ "height": 46.440391540527344
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23939.125,
+ "y": 20223.224609375,
+ "width": 130,
+ "height": 46.52000045776367
+ },
+ "absoluteRenderBounds": {
+ "x": 23939.125,
+ "y": 20223.224609375,
+ "width": 130,
+ "height": 46.52000045776367
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23939.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23939.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23939.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23939.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17757",
+ "name": "figure",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17758",
+ "name": "zd-net-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17759",
+ "name": "zd-net-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17760",
+ "name": "Group 4140",
+ "type": "GROUP",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17761",
+ "name": "Path 10731",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24200.185546875,
+ "y": 20231.365234375,
+ "width": 18.850006103515625,
+ "height": 22.989580154418945
+ },
+ "absoluteRenderBounds": {
+ "x": 24200.185546875,
+ "y": 20231.365234375,
+ "width": 18.849609375,
+ "height": 22.990234375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17762",
+ "name": "Path 10732",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24221.994140625,
+ "y": 20225.255859375,
+ "width": 13.129997253417969,
+ "height": 29.080001831054688
+ },
+ "absoluteRenderBounds": {
+ "x": 24221.994140625,
+ "y": 20225.255859375,
+ "width": 13.130859375,
+ "height": 29.080078125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17763",
+ "name": "Path 10733",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24105.125,
+ "y": 20205.205078125,
+ "width": 92.04000091552734,
+ "height": 82.56999969482422
+ },
+ "absoluteRenderBounds": {
+ "x": 24105.125,
+ "y": 20205.205078125,
+ "width": 92.0390625,
+ "height": 82.55999755859375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24105.125,
+ "y": 20205.205078125,
+ "width": 129.9991455078125,
+ "height": 82.56999969482422
+ },
+ "absoluteRenderBounds": {
+ "x": 24105.125,
+ "y": 20205.205078125,
+ "width": 130,
+ "height": 82.55999755859375
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24105.125,
+ "y": 20205.205078125,
+ "width": 130,
+ "height": 82.55999755859375
+ },
+ "absoluteRenderBounds": {
+ "x": 24105.125,
+ "y": 20205.205078125,
+ "width": 130,
+ "height": 82.560546875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24105.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 24105.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24105.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 24105.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17764",
+ "name": "figure",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17765",
+ "name": "wired-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17766",
+ "name": "wired-blue-2.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17767",
+ "name": "Path 10734",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24304.224609375,
+ "y": 20237.4296875,
+ "width": 12.59000015258789,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24304.224609375,
+ "y": 20237.4296875,
+ "width": 12.58984375,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17768",
+ "name": "Group 4142",
+ "type": "GROUP",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17769",
+ "name": "Path 10735",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24332.71484375,
+ "y": 20240.517578125,
+ "width": 7.729999542236328,
+ "height": 4.971397876739502
+ },
+ "absoluteRenderBounds": {
+ "x": 24332.71484375,
+ "y": 20240.517578125,
+ "width": 7.73046875,
+ "height": 4.970703125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17770",
+ "name": "Path 10736",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24323.224609375,
+ "y": 20233.21875,
+ "width": 26,
+ "height": 26.530000686645508
+ },
+ "absoluteRenderBounds": {
+ "x": 24323.224609375,
+ "y": 20233.21875,
+ "width": 26,
+ "height": 26.529296875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17771",
+ "name": "Path 10737",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24354.044921875,
+ "y": 20237.439453125,
+ "width": 15.220001220703125,
+ "height": 17.950000762939453
+ },
+ "absoluteRenderBounds": {
+ "x": 24354.044921875,
+ "y": 20237.439453125,
+ "width": 15.220703125,
+ "height": 17.94921875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17772",
+ "name": "Path 10738",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24384.5546875,
+ "y": 20240.466796875,
+ "width": 8.449996948242188,
+ "height": 12.00268268585205
+ },
+ "absoluteRenderBounds": {
+ "x": 24384.5546875,
+ "y": 20240.466796875,
+ "width": 8.44921875,
+ "height": 12.001953125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17773",
+ "name": "Path 10739",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24375.125,
+ "y": 20233.21875,
+ "width": 26,
+ "height": 26.530000686645508
+ },
+ "absoluteRenderBounds": {
+ "x": 24375.125,
+ "y": 20233.21875,
+ "width": 26,
+ "height": 26.529296875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17774",
+ "name": "Path 10740",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24271.125,
+ "y": 20233.21875,
+ "width": 26.049999237060547,
+ "height": 26.530000686645508
+ },
+ "absoluteRenderBounds": {
+ "x": 24271.125,
+ "y": 20233.21875,
+ "width": 26.05078125,
+ "height": 26.529296875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24271.125,
+ "y": 20233.21875,
+ "width": 130,
+ "height": 26.530000686645508
+ },
+ "absoluteRenderBounds": {
+ "x": 24271.125,
+ "y": 20233.21875,
+ "width": 130,
+ "height": 26.530000686645508
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24271.125,
+ "y": 20233.21875,
+ "width": 130,
+ "height": 26.530000686645508
+ },
+ "absoluteRenderBounds": {
+ "x": 24271.125,
+ "y": 20233.21875,
+ "width": 130,
+ "height": 26.530000686645508
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24271.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 24271.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24271.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 24271.125,
+ "y": 20198.984375,
+ "width": 130,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "width": 1045.75,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "width": 1045.75,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 20198.984375,
+ "width": 1248,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23196,
+ "y": 20198.984375,
+ "width": 1248,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17775",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17776",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17777",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17778",
+ "name": "My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 22808,
+ "y": 19906.984375,
+ "width": 314.85626220703125,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19911.484375,
+ "width": 14.2578125,
+ "height": 113.36328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 14,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 118.04158782958984,
+ "lineHeightPercentFontSize": 142.85714721679688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 49.14373779296875,
+ "paddingTop": 85.984375,
+ "paddingBottom": 100,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 22772,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 104,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "DROP_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0.10000000149011612
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 12,
+ "y": 12
+ },
+ "radius": 20,
+ "showShadowBehindNode": false
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17779",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17780",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17781",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17782",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17783",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17784",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17785",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17786",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23259.59375,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23259.59375,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23259.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23259.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23259.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23259.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17787",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17788",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17789",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23287.1875,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23287.1875,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23287.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23287.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23287.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23287.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17790",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17791",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17792",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23314.78125,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23314.78125,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23314.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23314.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23314.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23314.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17793",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17794",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17795",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23342.375,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23342.375,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23342.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23342.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23342.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23342.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 193.625,
+ "paddingTop": 1.984375,
+ "itemSpacing": 3.59375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17796",
+ "name": "Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19906.984375,
+ "width": 312.46563720703125,
+ "height": 80
+ },
+ "absoluteRenderBounds": {
+ "x": 23232.818359375,
+ "y": 19910.984375,
+ "width": 299.689453125,
+ "height": 75.2734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17797",
+ "name": "colinandmandy94",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20010.984375,
+ "width": 136,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23232.51171875,
+ "y": 20014.361328125,
+ "width": 134.21875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "colinandmandy94",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 96,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23188,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "DROP_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0.10000000149011612
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 12,
+ "y": 12
+ },
+ "radius": 20,
+ "showShadowBehindNode": false
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17798",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17799",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17800",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17801",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17802",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23656,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23656,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23656,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17803",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17804",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17805",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23683.59375,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23683.59375,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23683.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23683.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23683.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23683.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17806",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17807",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17808",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23711.1875,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23711.1875,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23711.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23711.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23711.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23711.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17809",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17810",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17811",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23738.78125,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23738.78125,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23738.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23738.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23738.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23738.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17812",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17813",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17814",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23766.375,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 23766.375,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23766.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23766.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23766.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 23766.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 193.625,
+ "paddingTop": 1.984375,
+ "itemSpacing": 3.59375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23656,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17815",
+ "name": "Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19906.984375,
+ "width": 318.79376220703125,
+ "height": 140
+ },
+ "absoluteRenderBounds": {
+ "x": 23656.544921875,
+ "y": 19910.802734375,
+ "width": 316.197265625,
+ "height": 135.63671875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17816",
+ "name": "Jennifer Black",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 20070.984375,
+ "width": 107,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23656.255859375,
+ "y": 20074.361328125,
+ "width": 105.837890625,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Jennifer Black",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 36,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23620,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23612,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "DROP_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0.10000000149011612
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 12,
+ "y": 12
+ },
+ "radius": 20,
+ "showShadowBehindNode": false
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17817",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17818",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17819",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17820",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17821",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 24080,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24080,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24080,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17822",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17823",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17824",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24107.59375,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 24107.59375,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24107.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24107.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24107.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24107.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17825",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17826",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17827",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24135.1875,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 24135.1875,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24135.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24135.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24135.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24135.1875,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17828",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17829",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17830",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24162.78125,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 24162.78125,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24162.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24162.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24162.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24162.78125,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17831",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17832",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17833",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24190.375,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 24190.375,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24190.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24190.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24190.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24190.375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 193.625,
+ "paddingTop": 1.984375,
+ "itemSpacing": 3.59375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24080,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17834",
+ "name": "This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19906.984375,
+ "width": 313.10626220703125,
+ "height": 80
+ },
+ "absoluteRenderBounds": {
+ "x": 24080.544921875,
+ "y": 19910.802734375,
+ "width": 309.837890625,
+ "height": 75.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17835",
+ "name": "Phillip Colligan",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 20010.984375,
+ "width": 111,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24080.826171875,
+ "y": 20014.361328125,
+ "width": 108.98828125,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Phillip Colligan",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 96,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24044,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24036,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "DROP_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0.10000000149011612
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 12,
+ "y": 12
+ },
+ "radius": 20,
+ "showShadowBehindNode": false
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17836",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17837",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17838",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17839",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17840",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 24504,
+ "y": 19858.984375,
+ "width": 20.490234375,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24504,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24504,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17841",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17842",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17843",
+ "name": "Icon ionic-md-star",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24531.59375,
+ "y": 19858.984375,
+ "width": 20.489999771118164,
+ "height": 19.479999542236328
+ },
+ "absoluteRenderBounds": {
+ "x": 24531.59375,
+ "y": 19858.984375,
+ "width": 8.40625,
+ "height": 19.48046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24531.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24531.59375,
+ "y": 19858.984375,
+ "width": 8.40625,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24531.59375,
+ "y": 19858.984375,
+ "width": 24,
+ "height": 24
+ },
+ "absoluteRenderBounds": {
+ "x": 24531.59375,
+ "y": 19858.984375,
+ "width": 8.40625,
+ "height": 24
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 276.40625,
+ "paddingTop": 1.984375,
+ "itemSpacing": 3.59375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24504,
+ "y": 19857,
+ "width": 36,
+ "height": 25.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17844",
+ "name": "I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19906.984375,
+ "width": 322.91876220703125,
+ "height": 140
+ },
+ "absoluteRenderBounds": {
+ "x": 24504.46875,
+ "y": 19910.564453125,
+ "width": 35.53125,
+ "height": 134.083984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17845",
+ "name": "Leslie Carrillo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 20070.984375,
+ "width": 102,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24504.826171875,
+ "y": 20074.361328125,
+ "width": 35.173828125,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Leslie Carrillo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 36,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24468,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24460,
+ "y": 19813,
+ "width": 80,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "DROP_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0.10000000149011612
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 12,
+ "y": 12
+ },
+ "radius": 20,
+ "showShadowBehindNode": false
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 22348,
+ "y": 19821,
+ "width": 1248,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 1440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 848,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 22348,
+ "y": 19821,
+ "width": 2096,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 1440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 0
+ },
+ {
+ "x": 0.4999999999999998,
+ "y": 1
+ },
+ {
+ "x": 0,
+ "y": -9.184850732644269e-17
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.9686274528503418,
+ "g": 0.7882353067398071,
+ "b": 0.37254902720451355,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.9921568632125854,
+ "g": 0.6980392336845398,
+ "b": 0.2078431397676468,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 0
+ },
+ {
+ "x": 0.4999999999999998,
+ "y": 1
+ },
+ {
+ "x": 0,
+ "y": -9.184850732644269e-17
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.9686274528503418,
+ "g": 0.7882353067398071,
+ "b": 0.37254902720451355,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.9921568632125854,
+ "g": 0.6980392336845398,
+ "b": 0.2078431397676468,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 802.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 802.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17846",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17847",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17848",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17849",
+ "name": "At Certo, mobile security is not an afterthought, it’s what we do.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20463.984375,
+ "width": 446.40313720703125,
+ "height": 130
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.537109375,
+ "y": 20469.08984375,
+ "width": 436.09765625,
+ "height": 118.27734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "At Certo, mobile security is not an afterthought, it’s what we do.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "fontSize": 36,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17850",
+ "name": "With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20636.984375,
+ "width": 448.23126220703125,
+ "height": 112
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.42578125,
+ "y": 20639.7578125,
+ "width": 445.404296875,
+ "height": 109.318359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "fontSize": 20,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 123.94367218017578,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17851",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17852",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17853",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17854",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 20844.26171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17855",
+ "name": "span:after",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17856",
+ "name": "button-arrow.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17857",
+ "name": "Icon ionic-ios-arrow-round-forward",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23520.541015625,
+ "y": 20845.49609375,
+ "width": 20.115903854370117,
+ "height": 13.539302825927734
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 20845.49609375,
+ "width": 20,
+ "height": 13.48828125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 20845.484375,
+ "width": 20,
+ "height": 13.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 20845.484375,
+ "width": 20,
+ "height": 13.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "width": 20,
+ "height": 14
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17858",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17859",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20919.484375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 20922.76171875,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 0.0020000000949949026
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20903.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20903.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 0,
+ "y": 0
+ },
+ "radius": 0,
+ "spread": 2
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "paddingRight": 223.34375,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 492,
+ "height": 157
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 492,
+ "height": 157
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 588,
+ "height": 496
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 588,
+ "height": 520
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17860",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17861",
+ "name": "figure",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23887.015625,
+ "y": 20468.96875,
+ "width": 482.03125,
+ "height": 482.03125
+ },
+ "absoluteRenderBounds": {
+ "x": 23887.015625,
+ "y": 20468.96875,
+ "width": 482.03125,
+ "height": 482.03125
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17862",
+ "name": "AdobeStock_350132639-scaled-2.jpeg",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "c6a22b9d0c04efcf607e9c34b8d6035c48e5d400",
+ "imageTransform": [
+ [
+ 0.6662499904632568,
+ 0,
+ 0.16687500476837158
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23880,
+ "y": 20475.984375,
+ "width": 468,
+ "height": 468
+ },
+ "absoluteRenderBounds": {
+ "x": 23880,
+ "y": 20475.984375,
+ "width": 468,
+ "height": 468
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23880,
+ "y": 20475.984375,
+ "width": 468,
+ "height": 468
+ },
+ "absoluteRenderBounds": {
+ "x": 23880,
+ "y": 20468.96875,
+ "width": 489.046875,
+ "height": 482.03125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 60,
+ "itemSpacing": 60,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 1176,
+ "height": 496
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 1176,
+ "height": 520
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 132,
+ "paddingRight": 132,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 20377.984375,
+ "width": 1440,
+ "height": 664
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 20377.984375,
+ "width": 1440,
+ "height": 664
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17863",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17864",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17865",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17866",
+ "name": "Get your freedom back, stop mobile spyware today",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23450.5,
+ "y": 21124.984375,
+ "width": 739.1843872070312,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23518.48828125,
+ "y": 21133.08984375,
+ "width": 604.41796875,
+ "height": 80.2578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get your freedom back, stop mobile spyware today",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 36,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 50.5,
+ "paddingRight": 50.31561279296875,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21124.984375,
+ "width": 840,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23400,
+ "y": 21124.984375,
+ "width": 840,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17867",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17868",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17869",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17870",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17871",
+ "name": "spyware-detection-loading.png",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "1f3fc69261fb241d49771ecc39e705671ed96ac3",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 20145.5,
+ "y": 21359.984375,
+ "width": 3465,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17872",
+ "name": "Spyware detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23486.71875,
+ "y": 21455.984375,
+ "width": 171,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23487.69921875,
+ "y": 21460.26171875,
+ "width": 168.6953125,
+ "height": 18.609375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Spyware detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17873",
+ "name": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23473.859375,
+ "y": 21504.984375,
+ "width": 196.4812469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.8984375,
+ "y": 21511.189453125,
+ "width": 172.544921875,
+ "height": 111.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17874",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17875",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17876",
+ "name": "keylogger-detection-loading.png",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "fadcdb136702b9650bcfe3d356a1bd02ec8033aa",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 20393.5,
+ "y": 21359.984375,
+ "width": 3465,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17877",
+ "name": "Keylogger detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23727.921875,
+ "y": 21455.984375,
+ "width": 184,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23729.224609375,
+ "y": 21460.26171875,
+ "width": 181.451171875,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Keylogger detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17878",
+ "name": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23727.828125,
+ "y": 21504.984375,
+ "width": 184.5437469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23729.865234375,
+ "y": 21510.734375,
+ "width": 180.17578125,
+ "height": 110.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17879",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17880",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17881",
+ "name": "find-tracking-apps-loading.png",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "25e0cc635889d9c5cdac051f8a4db0853c113fff",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 20641.5,
+ "y": 21359.984375,
+ "width": 3465,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17882",
+ "name": "Find tracking apps",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23985.03125,
+ "y": 21455.984375,
+ "width": 167,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23986.095703125,
+ "y": 21460.26171875,
+ "width": 165.33984375,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find tracking apps",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17883",
+ "name": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23969.28125,
+ "y": 21504.984375,
+ "width": 197.6218719482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23977.044921875,
+ "y": 21510.984375,
+ "width": 181.416015625,
+ "height": 111.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17884",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17885",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17886",
+ "name": "os-integrity-check-loading.png",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "0afb5f4140efe4c529cf914252be8c2dae9b53c4",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 20145.5,
+ "y": 21696.984375,
+ "width": 3465,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17887",
+ "name": "OS integrity check",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23487.40625,
+ "y": 21792.984375,
+ "width": 168,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23488.73828125,
+ "y": 21797.26171875,
+ "width": 166.248046875,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "OS integrity check",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17888",
+ "name": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23475.515625,
+ "y": 21841.984375,
+ "width": 193.1531219482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.353515625,
+ "y": 21847.984375,
+ "width": 172.66015625,
+ "height": 111.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17889",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17890",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17891",
+ "name": "threat-removal-loading.png",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "1348cdf78aa09a0202d0e7198ff8a97cbc16e175",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 20393.5,
+ "y": 21696.984375,
+ "width": 3465,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17892",
+ "name": "Threat removal",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23751.46875,
+ "y": 21792.984375,
+ "width": 137,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23752.1171875,
+ "y": 21798.166015625,
+ "width": 135.244140625,
+ "height": 14.021484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Threat removal",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17893",
+ "name": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23720.859375,
+ "y": 21841.984375,
+ "width": 198.4812469482422,
+ "height": 96
+ },
+ "absoluteRenderBounds": {
+ "x": 23721.65234375,
+ "y": 21847.734375,
+ "width": 196.919921875,
+ "height": 83.419921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17894",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17895",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17896",
+ "name": "easy-to-use-loading.png",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "1e83a6a52026d11ed5ff7c3ebb9c3383646328ba",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 20641.5,
+ "y": 21696.984375,
+ "width": 3465,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17897",
+ "name": "Easy to use",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24018.921875,
+ "y": 21792.984375,
+ "width": 98,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24020.26953125,
+ "y": 21798.892578125,
+ "width": 95.689453125,
+ "height": 16.7734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Easy to use",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17898",
+ "name": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23968.984375,
+ "y": 21841.984375,
+ "width": 198.2156219482422,
+ "height": 96
+ },
+ "absoluteRenderBounds": {
+ "x": 23973.30859375,
+ "y": 21848.34765625,
+ "width": 190.0234375,
+ "height": 83.841796875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 696,
+ "height": 602
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 696,
+ "height": 602
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17899",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17900",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17901",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17902",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23571.875,
+ "y": 22049.984375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23573.076171875,
+ "y": 22053.26171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17903",
+ "name": "span:after",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17904",
+ "name": "button-arrow.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17905",
+ "name": "Icon ionic-ios-arrow-round-forward",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23778.416015625,
+ "y": 22054.49609375,
+ "width": 20.115903854370117,
+ "height": 13.539302825927734
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22054.49609375,
+ "width": 20,
+ "height": 13.48828125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22054.484375,
+ "width": 20,
+ "height": 13.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22054.484375,
+ "width": 20,
+ "height": 13.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "width": 20,
+ "height": 14
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 2,
+ "paddingRight": 2.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17906",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17907",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23864.53125,
+ "y": 22049.984375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23865.482421875,
+ "y": 22053.26171875,
+ "width": 199.955078125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 0.0020000000949949026
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 22,
+ "paddingRight": 23.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 0,
+ "y": 0
+ },
+ "radius": 0,
+ "spread": 2
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 564.25,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 564.25,
+ "height": 78.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21287.984375,
+ "width": 840,
+ "height": 872.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23392,
+ "y": 21279.984375,
+ "width": 880,
+ "height": 912.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [
+ {
+ "type": "DROP_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0.10000000149011612
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 12,
+ "y": 12
+ },
+ "radius": 20,
+ "showShadowBehindNode": false
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21125.984375,
+ "width": 840,
+ "height": 1034.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23392,
+ "y": 21124.984375,
+ "width": 880,
+ "height": 1067.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 0
+ },
+ {
+ "x": 0.4999999999999998,
+ "y": 1
+ },
+ {
+ "x": 0,
+ "y": -9.184850732644269e-17
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.9058823585510254,
+ "g": 0.9372549057006836,
+ "b": 0.9803921580314636,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 0
+ },
+ {
+ "x": 0.4999999999999998,
+ "y": 1
+ },
+ {
+ "x": 0,
+ "y": -9.184850732644269e-17
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.9058823585510254,
+ "g": 0.9372549057006836,
+ "b": 0.9803921580314636,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 300,
+ "paddingRight": 300,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 21041.984375,
+ "width": 1440,
+ "height": 1202.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 21041.984375,
+ "width": 1440,
+ "height": 1202.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17908",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17909",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17910",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17911",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17912",
+ "name": "Read our story",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 160,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23449.265625,
+ "y": 22381.7578125,
+ "width": 157.900390625,
+ "height": 21.431640625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Read our story",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 204,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 364,
+ "height": 31
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 364,
+ "height": 31
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17913",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17914",
+ "name": "Find out why thousands trust Certo to secure their mobile world.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 358.82501220703125,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23448.5,
+ "y": 22436.484375,
+ "width": 341.828125,
+ "height": 36.181640625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Find out why thousands trust Certo to secure their mobile world.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 5.17498779296875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 364,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 364,
+ "height": 48
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17915",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17916",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17917",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17918",
+ "name": "About us",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 68,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23468.3515625,
+ "y": 22545.576171875,
+ "width": 66.515625,
+ "height": 11.068359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "About us",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17919",
+ "name": "span:after",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17920",
+ "name": "button-arrow-white.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17921",
+ "name": "Icon ionic-ios-arrow-round-forward",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.800000011920929,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23544.580078125,
+ "y": 22546.09375,
+ "width": 16.092723846435547,
+ "height": 10.831441879272461
+ },
+ "absoluteRenderBounds": {
+ "x": 23544.671875,
+ "y": 22546.09375,
+ "width": 16,
+ "height": 10.790234565734863
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 0.800000011920929,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23544.671875,
+ "y": 22546.083984375,
+ "width": 16,
+ "height": 10.800000190734863
+ },
+ "absoluteRenderBounds": {
+ "x": 23544.671875,
+ "y": 22546.083984375,
+ "width": 16,
+ "height": 10.80078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "width": 16,
+ "height": 11
+ },
+ "absoluteRenderBounds": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "width": 16,
+ "height": 11
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 0.671875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 68.671875,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 92.671875,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.26274511218070984,
+ "g": 0.2078431397676468,
+ "b": 0.8705882430076599,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.26274511218070984,
+ "g": 0.2078431397676468,
+ "b": 0.8705882430076599,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.26274511218070984,
+ "g": 0.2078431397676468,
+ "b": 0.8705882430076599,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 44,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22526.484375,
+ "width": 132.671875,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22526.484375,
+ "width": 132.671875,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 231.328125,
+ "paddingTop": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22478.484375,
+ "width": 364,
+ "height": 98
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22478.484375,
+ "width": 364,
+ "height": 98
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 0
+ },
+ {
+ "x": 0.4999999999999998,
+ "y": 1
+ },
+ {
+ "x": 0,
+ "y": -9.184850732644269e-17
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.9686274528503418,
+ "g": 0.7882353067398071,
+ "b": 0.37254902720451355,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.9921568632125854,
+ "g": 0.6980392336845398,
+ "b": 0.2078431397676468,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 0
+ },
+ {
+ "x": 0.4999999999999998,
+ "y": 1
+ },
+ {
+ "x": 0,
+ "y": -9.184850732644269e-17
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.9686274528503418,
+ "g": 0.7882353067398071,
+ "b": 0.37254902720451355,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.9921568632125854,
+ "g": 0.6980392336845398,
+ "b": 0.2078431397676468,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 22328.484375,
+ "width": 460,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23400,
+ "y": 22328.484375,
+ "width": 460,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17922",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17923",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17924",
+ "name": "Help Center",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 131,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23981.265625,
+ "y": 22381.529296875,
+ "width": 129.28125,
+ "height": 21.66015625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help Center",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 81,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 212,
+ "height": 31
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 212,
+ "height": 31
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17925",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17926",
+ "name": "Help topics, getting started guides and FAQs.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 196.0281219482422,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23980.841796875,
+ "y": 22436.484375,
+ "width": 188.056640625,
+ "height": 39.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help topics, getting started guides and FAQs.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 15.971878051757812,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 212,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 212,
+ "height": 48
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17927",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17928",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17929",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17930",
+ "name": "Visit help center",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24000,
+ "y": 22542.484375,
+ "width": 123,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24000.3515625,
+ "y": 22544.861328125,
+ "width": 121.66796875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Visit help center",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 0.0020000000949949026
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 21.875,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 164.875,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 164.875,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 0,
+ "y": 0
+ },
+ "radius": 0,
+ "spread": 2
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 71.125,
+ "paddingBottom": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 236,
+ "height": 74
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 212,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22478.484375,
+ "width": 212,
+ "height": 98
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22478.484375,
+ "width": 212,
+ "height": 98
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23932,
+ "y": 22328.484375,
+ "width": 308,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23932,
+ "y": 22328.484375,
+ "width": 308,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "itemSpacing": 72,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23364,
+ "y": 22328.484375,
+ "width": 912,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23364,
+ "y": 22328.484375,
+ "width": 912,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 264,
+ "paddingRight": 264,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 22244.484375,
+ "width": 1440,
+ "height": 464
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 22244.484375,
+ "width": 1440,
+ "height": 464
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17931",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17932",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17933",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17934",
+ "name": "Is someone spying on your phone?",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23540.34375,
+ "y": 22792.484375,
+ "width": 559,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23542.431640625,
+ "y": 22801.138671875,
+ "width": 555.16015625,
+ "height": 33.6875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Is someone spying on your phone?",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 34,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 109.36205291748047,
+ "lineHeightPercentFontSize": 132.35293579101562,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17935",
+ "name": "Find out with Certo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23737.171875,
+ "y": 22887.484375,
+ "width": 164,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23738.8515625,
+ "y": 22895.984375,
+ "width": 161.302734375,
+ "height": 13.705078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find out with Certo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 137.71517944335938,
+ "lineHeightPercentFontSize": 166.6666717529297,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23460,
+ "y": 22792.484375,
+ "width": 720,
+ "height": 125
+ },
+ "absoluteRenderBounds": {
+ "x": 23460,
+ "y": 22792.484375,
+ "width": 720,
+ "height": 125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17936",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17937",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17938",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17939",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23570.771484375,
+ "y": 22996.76171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17940",
+ "name": "span:after",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17941",
+ "name": "button-arrow.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17942",
+ "name": "Icon ionic-ios-arrow-round-forward",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23778.416015625,
+ "y": 22997.99609375,
+ "width": 20.115903854370117,
+ "height": 13.539302825927734
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22997.99609375,
+ "width": 20,
+ "height": 13.48828125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22997.984375,
+ "width": 20,
+ "height": 13.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22997.984375,
+ "width": 20,
+ "height": 13.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "width": 20,
+ "height": 14
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17943",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17944",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23862.53125,
+ "y": 22993.484375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23863.427734375,
+ "y": 22996.76171875,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "opacity": 0.0020000000949949026,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 0.0020000000949949026
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": 0,
+ "y": 0
+ },
+ "radius": 0,
+ "spread": 2
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 89.875,
+ "paddingRight": 113.875,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23460,
+ "y": 22977.484375,
+ "width": 744,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23460,
+ "y": 22977.484375,
+ "width": 744,
+ "height": 78.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23445,
+ "y": 22792.484375,
+ "width": 750,
+ "height": 239.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23445,
+ "y": 22792.484375,
+ "width": 759,
+ "height": 263.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 0
+ },
+ {
+ "x": 0.4999999999999998,
+ "y": 1
+ },
+ {
+ "x": 0,
+ "y": -9.184850732644269e-17
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.16078431904315948,
+ "g": 0.14509804546833038,
+ "b": 0.800000011920929,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.29411765933036804,
+ "g": 0.2823529541492462,
+ "b": 0.8980392217636108,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 0
+ },
+ {
+ "x": 0.4999999999999998,
+ "y": 1
+ },
+ {
+ "x": 0,
+ "y": -9.184850732644269e-17
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.16078431904315948,
+ "g": 0.14509804546833038,
+ "b": 0.800000011920929,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 0.29411765933036804,
+ "g": 0.2823529541492462,
+ "b": 0.8980392217636108,
+ "a": 1
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 345,
+ "paddingRight": 345,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 22708.484375,
+ "width": 1440,
+ "height": 407.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 22708.484375,
+ "width": 1440,
+ "height": 407.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17945",
+ "name": "aside",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17946",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17947",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17948",
+ "name": "Latest insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23622.078125,
+ "y": 23199.984375,
+ "width": 396,
+ "height": 75
+ },
+ "absoluteRenderBounds": {
+ "x": 23625.634765625,
+ "y": 23214.591796875,
+ "width": 390.263671875,
+ "height": 55.484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Latest insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 56,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -1.2000000476837158,
+ "lineHeightPx": 75,
+ "lineHeightPercent": 110.66398620605469,
+ "lineHeightPercentFontSize": 133.92857360839844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 330.078125,
+ "paddingRight": 329.921875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 75
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 75
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17949",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17950",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17951",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17952",
+ "name": "View all insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 155,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23715.791015625,
+ "y": 23972.26171875,
+ "width": 153.22265625,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "View all insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17953",
+ "name": "span:after",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17954",
+ "name": "button-arrow.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17955",
+ "name": "Icon ionic-ios-arrow-round-forward",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23880.916015625,
+ "y": 23973.49609375,
+ "width": 20.115903854370117,
+ "height": 13.539302825927734
+ },
+ "absoluteRenderBounds": {
+ "x": 23881.03125,
+ "y": 23973.49609375,
+ "width": 20,
+ "height": 13.48828125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23881.03125,
+ "y": 23973.484375,
+ "width": 20,
+ "height": 13.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23881.03125,
+ "y": 23973.484375,
+ "width": 20,
+ "height": 13.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "width": 20,
+ "height": 14
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 155,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 186.0625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 51.0625,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "width": 226.0625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "width": 226.0625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 417.96875,
+ "paddingRight": 441.96875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 23952.984375,
+ "width": 1086,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 23952.984375,
+ "width": 1086,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17956",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17957",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17958",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17959",
+ "name": "figure#latest-insights-218357",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "8c40de2826ced00dc3e9ea5fe7f62fe9b9d1f064",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "8c40de2826ced00dc3e9ea5fe7f62fe9b9d1f064",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 1,
+ 0
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 180
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 180
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17960",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17961",
+ "name": "Signs Your Ex Is Spying On You",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23340,
+ "y": 23573.984375,
+ "width": 177.8874969482422,
+ "height": 60
+ },
+ "absoluteRenderBounds": {
+ "x": 23340.9140625,
+ "y": 23579.30078125,
+ "width": 175.8828125,
+ "height": 52.650390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Signs Your Ex Is Spying On You",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Bold",
+ "fontWeight": 700,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17962",
+ "name": "In an ideal world, after a relationship ends both you and your ex will move on. But what if they can’t let go, and start spying on your...",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23340,
+ "y": 23658.984375,
+ "width": 221.9031219482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23340.544921875,
+ "y": 23664.802734375,
+ "width": 219.51171875,
+ "height": 111.63671875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "In an ideal world, after a relationship ends both you and your ex will move on. But what if they can’t let go, and start spying on your...",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 48,
+ "paddingRight": 50.09687805175781,
+ "paddingTop": 47,
+ "paddingBottom": 48,
+ "itemSpacing": 25,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23526.984375,
+ "width": 320,
+ "height": 300
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23526.984375,
+ "width": 320,
+ "height": 300
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17963",
+ "name": "p",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17964",
+ "name": "Expertise",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23336,
+ "y": 23382.984375,
+ "width": 72,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23336.826171875,
+ "y": 23386.361328125,
+ "width": 69.904296875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Expertise",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 20.40625,
+ "paddingTop": 12,
+ "paddingBottom": 12,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23316,
+ "y": 23370.984375,
+ "width": 112.40625,
+ "height": 44
+ },
+ "absoluteRenderBounds": {
+ "x": 23316,
+ "y": 23370.984375,
+ "width": 112.40625,
+ "height": 44
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "VERTICAL",
+ "paddingBottom": 54,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17965",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17966",
+ "name": "figure#latest-insights-217525",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "7a00a277fd45e1a196b9f8501d8d6e175e4f02eb",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 0.8442776799201965,
+ 0.07786116003990173
+ ]
+ ]
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "7a00a277fd45e1a196b9f8501d8d6e175e4f02eb",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 0.8442776799201965,
+ 0.07786116003990173
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 180
+ },
+ "absoluteRenderBounds": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 180
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17967",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17968",
+ "name": "Is Your Cell Phone Under Surveillance?",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24076,
+ "y": 23573.984375,
+ "width": 205.8093719482422,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 24076.955078125,
+ "y": 23580.291015625,
+ "width": 157.1953125,
+ "height": 77.94921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Is Your Cell Phone Under Surveillance?",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Bold",
+ "fontWeight": 700,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 24,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17969",
+ "name": "In today’s surveillance state, it can feel like your every move is being watched. Although your mind may be conjuring up images of CCTV...",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24076,
+ "y": 23688.984375,
+ "width": 222.8093719482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 24076.767578125,
+ "y": 23694.734375,
+ "width": 219.798828125,
+ "height": 110.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "In today’s surveillance state, it can feel like your every move is being watched. Although your mind may be conjuring up images of CCTV...",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 48,
+ "paddingRight": 49.19062805175781,
+ "paddingTop": 47,
+ "paddingBottom": 48,
+ "itemSpacing": 25,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24028,
+ "y": 23526.984375,
+ "width": 320,
+ "height": 330
+ },
+ "absoluteRenderBounds": {
+ "x": 24028,
+ "y": 23526.984375,
+ "width": 320,
+ "height": 330
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17970",
+ "name": "p",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17971",
+ "name": "Expertise",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24072,
+ "y": 23382.984375,
+ "width": 72,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24072.826171875,
+ "y": 23386.361328125,
+ "width": 69.904296875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Expertise",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 20.40625,
+ "paddingTop": 12,
+ "paddingBottom": 12,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24052,
+ "y": 23370.984375,
+ "width": 112.40625,
+ "height": 44
+ },
+ "absoluteRenderBounds": {
+ "x": 24052,
+ "y": 23370.984375,
+ "width": 112.40625,
+ "height": 44
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "VERTICAL",
+ "paddingBottom": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17972",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17973",
+ "name": "figure#latest-insights-218131",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "a8d18195ea951a4796effc856945ecd38f58bde2",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 0.75,
+ 0.125
+ ]
+ ]
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "IMAGE",
+ "scaleMode": "STRETCH",
+ "imageRef": "a8d18195ea951a4796effc856945ecd38f58bde2",
+ "imageTransform": [
+ [
+ 1,
+ 0,
+ 0
+ ],
+ [
+ 0,
+ 0.75,
+ 0.125
+ ]
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 180
+ },
+ "absoluteRenderBounds": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 180
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17974",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17975",
+ "name": "How to Remove a Hacker from Your Samsung Phone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 23573.984375,
+ "width": 198.1843719482422,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.9140625,
+ "y": 23580.2578125,
+ "width": 193.99609375,
+ "height": 81.693359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "How to Remove a Hacker from Your Samsung Phone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Bold",
+ "fontWeight": 700,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17976",
+ "name": "Samsung is the second most popular manufacturer of smartphones in the world, with a market share of 28.19% compared to Apple’s 28.43% as...",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 23688.984375,
+ "width": 219.2468719482422,
+ "height": 144
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.544921875,
+ "y": 23694.984375,
+ "width": 216.71484375,
+ "height": 132.205078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Samsung is the second most popular manufacturer of smartphones in the world, with a market share of 28.19% compared to Apple’s 28.43% as...",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 48,
+ "paddingRight": 52.75312805175781,
+ "paddingTop": 47,
+ "paddingBottom": 48,
+ "itemSpacing": 25,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23660,
+ "y": 23526.984375,
+ "width": 320,
+ "height": 354
+ },
+ "absoluteRenderBounds": {
+ "x": 23660,
+ "y": 23526.984375,
+ "width": 320,
+ "height": 354
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17977",
+ "name": "p",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17978",
+ "name": "Guides",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23704,
+ "y": 23382.984375,
+ "width": 53,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23704.708984375,
+ "y": 23386.361328125,
+ "width": 51.392578125,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Guides",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 21.265625,
+ "paddingTop": 12,
+ "paddingBottom": 12,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23684,
+ "y": 23370.984375,
+ "width": 94.265625,
+ "height": 44
+ },
+ "absoluteRenderBounds": {
+ "x": 23684,
+ "y": 23370.984375,
+ "width": 94.265625,
+ "height": 44
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 48,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "VERTICAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 807.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 23199.984375,
+ "width": 1086,
+ "height": 807.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 192,
+ "paddingRight": 192,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 23115.984375,
+ "width": 1440,
+ "height": 975.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 23115.984375,
+ "width": 1440,
+ "height": 975.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 4516.484375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 4516.484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17979",
+ "name": "footer",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17980",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17981",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17982",
+ "name": "Scan. Detect. Remove.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24186.484375,
+ "width": 254,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.783203125,
+ "y": 24192.529296875,
+ "width": 251.068359375,
+ "height": 17.19921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Scan. Detect. Remove.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17983",
+ "name": "ul",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17984",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17985",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17986",
+ "name": "Icon awesome-twitter-square",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17987",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17988",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17989",
+ "name": "Icon awesome-facebook-square",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23367.59375,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36.000118255615234
+ },
+ "absoluteRenderBounds": {
+ "x": 23367.59375,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23367.59375,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "absoluteRenderBounds": {
+ "x": 23367.59375,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23367.59375,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "absoluteRenderBounds": {
+ "x": 23367.59375,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17990",
+ "name": "svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17991",
+ "name": "Frame",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17992",
+ "name": "Exclusion 8",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23443.1875,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "absoluteRenderBounds": {
+ "x": 23443.1875,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23443.1875,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "absoluteRenderBounds": {
+ "x": 23443.1875,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23443.1875,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "absoluteRenderBounds": {
+ "x": 23443.1875,
+ "y": 24265.484375,
+ "width": 36,
+ "height": 36
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 160.8125,
+ "paddingBottom": 36,
+ "itemSpacing": 39.59375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 348,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 348,
+ "height": 72
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17993",
+ "name": "ul#menu-secondary-menu-1",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17994",
+ "name": "Privacy Policy",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24353.484375,
+ "width": 73,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24357.234375,
+ "width": 72.15625,
+ "height": 11.1875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Privacy Policy",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17995",
+ "name": "Terms of Service",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23390.5625,
+ "y": 24353.484375,
+ "width": 88,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23390.5625,
+ "y": 24357.109375,
+ "width": 87.681640625,
+ "height": 11.3125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Terms of Service",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 149.4375,
+ "paddingTop": 4,
+ "paddingBottom": 13,
+ "itemSpacing": 25.5625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24349.484375,
+ "width": 336,
+ "height": 32
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24349.484375,
+ "width": 336,
+ "height": 32
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 312,
+ "height": 182
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 348,
+ "height": 194
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17996",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17997",
+ "name": "Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 306.05938720703125,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.65625,
+ "y": 24418.90625,
+ "width": 294.30078125,
+ "height": 27.953125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17998",
+ "name": "Designed & developed by Bigger Picture",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24465.484375,
+ "width": 209,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.96875,
+ "y": 24469.234375,
+ "width": 207.896484375,
+ "height": 11.1875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Designed & developed by Bigger Picture",
+ "characterStyleOverrides": [
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2
+ ],
+ "styleOverrideTable": {
+ "2": {
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11
+ },
+ "3": {
+ "fontSize": 11
+ }
+ },
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "paddingRight": 5.94061279296875,
+ "itemSpacing": 18,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 312,
+ "height": 63
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 312,
+ "height": 63
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:17999",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18000",
+ "name": "p",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18001",
+ "name": "Certo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 99,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23665.65234375,
+ "y": 24196.681640625,
+ "width": 95.837890625,
+ "height": 26.17578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Certo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 35,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 106.23743438720703,
+ "lineHeightPercentFontSize": 128.57142639160156,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokeWeight": 1,
+ "individualStrokeWeights": {
+ "top": 0,
+ "right": 0,
+ "bottom": 1,
+ "left": 0
+ },
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 89,
+ "paddingBottom": 25,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 70
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 70
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18002",
+ "name": "ul#menu-footer-menu",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18003",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18004",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18005",
+ "name": "span:before",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "rotation": 0.7853981633974483,
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "rectangleCornerRadii": [
+ 0,
+ 1,
+ 0,
+ 0
+ ],
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23668.99968238644,
+ "y": 24322.9140625,
+ "width": 20.00028996011679,
+ "height": 20.00028996011679
+ },
+ "absoluteRenderBounds": {
+ "x": 23668.99968238644,
+ "y": 24322.9140625,
+ "width": 20.000317613561492,
+ "height": 20.00028996011679
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": -2,
+ "y": 2
+ },
+ "radius": 0
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18006",
+ "name": "span:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24328.984375,
+ "width": 20,
+ "height": 2
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24328.984375,
+ "width": 20,
+ "height": 2
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24319.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24319.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18007",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24317.484375,
+ "width": 64,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23709.005859375,
+ "y": 24321.76171875,
+ "width": 61.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 80,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18008",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18009",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18010",
+ "name": "span:before",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "rotation": 0.7853981633974483,
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "rectangleCornerRadii": [
+ 0,
+ 1,
+ 0,
+ 0
+ ],
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23668.99968238644,
+ "y": 24371.9140625,
+ "width": 20.00028996011679,
+ "height": 20.00028996011679
+ },
+ "absoluteRenderBounds": {
+ "x": 23668.99968238644,
+ "y": 24371.9140625,
+ "width": 20.000317613561492,
+ "height": 20.00028996011679
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": -2,
+ "y": 2
+ },
+ "radius": 0
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18011",
+ "name": "span:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24377.984375,
+ "width": 20,
+ "height": 2
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24377.984375,
+ "width": 20,
+ "height": 2
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24368.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24368.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18012",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24366.484375,
+ "width": 74,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.4453125,
+ "y": 24370.76171875,
+ "width": 71.7421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 70,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24366.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24366.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18013",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18014",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18015",
+ "name": "span:before",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "rotation": 0.7853981633974483,
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "rectangleCornerRadii": [
+ 0,
+ 1,
+ 0,
+ 0
+ ],
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23668.99968238644,
+ "y": 24420.9140625,
+ "width": 20.00028996011679,
+ "height": 20.00028996011679
+ },
+ "absoluteRenderBounds": {
+ "x": 23668.99968238644,
+ "y": 24420.9140625,
+ "width": 20.000317613561492,
+ "height": 20.00028996011679
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": -2,
+ "y": 2
+ },
+ "radius": 0
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18016",
+ "name": "span:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24426.984375,
+ "width": 20,
+ "height": 2
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24426.984375,
+ "width": 20,
+ "height": 2
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24417.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24417.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18017",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24415.484375,
+ "width": 43,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23709.044921875,
+ "y": 24420.666015625,
+ "width": 40.28515625,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 101,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24415.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24415.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18018",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18019",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18020",
+ "name": "span:before",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "rotation": 0.7853981633974483,
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "rectangleCornerRadii": [
+ 0,
+ 1,
+ 0,
+ 0
+ ],
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23668.99968238644,
+ "y": 24469.9140625,
+ "width": 20.00028996011679,
+ "height": 20.00028996011679
+ },
+ "absoluteRenderBounds": {
+ "x": 23668.99968238644,
+ "y": 24469.9140625,
+ "width": 20.000317613561492,
+ "height": 20.00028996011679
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": -2,
+ "y": 2
+ },
+ "radius": 0
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18021",
+ "name": "span:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24475.984375,
+ "width": 20,
+ "height": 2
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24475.984375,
+ "width": 20,
+ "height": 2
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24466.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24466.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18022",
+ "name": "About",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24464.484375,
+ "width": 57,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.4453125,
+ "y": 24469.666015625,
+ "width": 55.693359375,
+ "height": 14.021484375
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "About",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 87,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24464.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24464.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18023",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18024",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18025",
+ "name": "span:before",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "rotation": 0.7853981633974483,
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "rectangleCornerRadii": [
+ 0,
+ 1,
+ 0,
+ 0
+ ],
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23668.99968238644,
+ "y": 24518.9140625,
+ "width": 20.00028996011679,
+ "height": 20.00028996011679
+ },
+ "absoluteRenderBounds": {
+ "x": 23668.99968238644,
+ "y": 24518.9140625,
+ "width": 20.000317613561492,
+ "height": 20.00028996011679
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [
+ {
+ "type": "INNER_SHADOW",
+ "visible": true,
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "blendMode": "NORMAL",
+ "offset": {
+ "x": -2,
+ "y": 2
+ },
+ "radius": 0
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18026",
+ "name": "span:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24524.984375,
+ "width": 20,
+ "height": 2
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24524.984375,
+ "width": 20,
+ "height": 2
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24515.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24515.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18027",
+ "name": "Insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24513.484375,
+ "width": 70,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.990234375,
+ "y": 24518.537109375,
+ "width": 68.048828125,
+ "height": 17.833984375
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 74,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24513.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24513.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 221
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 221.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 60,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 351
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 351.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18028",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18029",
+ "name": "form#newsletter-signup-footer-form",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18030",
+ "name": "form#newsletter-signup-footer-form:before",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18031",
+ "name": "certo-dark-yellow.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18032",
+ "name": "Path 10741",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9921568632125854,
+ "g": 0.6980392336845398,
+ "b": 0.2078431397676468,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 4.303530216217041,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24035.376953125,
+ "y": 24187.35546875,
+ "width": 189.25628662109375,
+ "height": 232.51881408691406
+ },
+ "absoluteRenderBounds": {
+ "x": 24035.38671875,
+ "y": 24187.484375,
+ "width": 189.22621154785156,
+ "height": 232.390625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 4.303530216217041,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24035.38671875,
+ "y": 24187.484375,
+ "width": 189.22621154785156,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 24035.38671875,
+ "y": 24187.484375,
+ "width": 189.2265625,
+ "height": 232.390625
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18033",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18034",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18035",
+ "name": "Sign up to our newsletter",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 274,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23948.783203125,
+ "y": 24227.662109375,
+ "width": 272.65625,
+ "height": 22.7890625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign up to our newsletter",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18036",
+ "name": "Receive the latest mobile security news, exclusive discounts & offers straight to your inbox!",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24273.484375,
+ "width": 358.15313720703125,
+ "height": 40
+ },
+ "absoluteRenderBounds": {
+ "x": 23948.767578125,
+ "y": 24277.234375,
+ "width": 352.68359375,
+ "height": 34.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Receive the latest mobile security news, exclusive discounts & offers straight to your inbox!",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "paddingRight": 5.84686279296875,
+ "itemSpacing": 21,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18037",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18038",
+ "name": "input#newsletter-email",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18039",
+ "name": "div#placeholder",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18040",
+ "name": "Email address",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "opacity": 0.5,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 99,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23965.3203125,
+ "y": 24360.234375,
+ "width": 96.55078125,
+ "height": 11.44140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Email address",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18.15340805053711,
+ "lineHeightPercent": 100,
+ "lineHeightUnit": "INTRINSIC_%"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 123.796875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 222.796875,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 222.796875,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "rectangleCornerRadii": [
+ 21,
+ 0,
+ 0,
+ 21
+ ],
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 254.796875,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 254.796875,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18041",
+ "name": "button",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18042",
+ "name": "Submit",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24230.03125,
+ "y": 24357.484375,
+ "width": 54.91875076293945,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24231.4375,
+ "y": 24359.861328125,
+ "width": 52.263671875,
+ "height": 11.783203125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Submit",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18.399999618530273,
+ "lineHeightPercent": 101.3583755493164,
+ "lineHeightPercentFontSize": 122.66666412353516,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "rectangleCornerRadii": [
+ 0,
+ 21,
+ 21,
+ 0
+ ],
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ },
+ "absoluteBoundingBox": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "width": 109.1875,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "width": 109.1875,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 364,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 364,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 36,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 161.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 161.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 35,
+ "paddingBottom": 36,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 351
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 351
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18043",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 12,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ },
+ "absoluteBoundingBox": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "width": 315.96875,
+ "height": 104
+ },
+ "absoluteRenderBounds": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "width": 315.96875,
+ "height": 104
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "RIGHT"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18044",
+ "name": "Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24726.484375,
+ "width": 549.8562622070312,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.306640625,
+ "y": 24729.34765625,
+ "width": 538.671875,
+ "height": 41.728515625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 12,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 1056,
+ "height": 584
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 1056,
+ "height": 584
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 192,
+ "paddingRight": 192,
+ "paddingTop": 96,
+ "paddingBottom": 96,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 24091.484375,
+ "width": 1440,
+ "height": 776
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 24091.484375,
+ "width": 1440,
+ "height": 776
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18045",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18046",
+ "name": "div:before",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "GRADIENT_LINEAR",
+ "gradientHandlePositions": [
+ {
+ "x": 0.5,
+ "y": 1
+ },
+ {
+ "x": 0.5000000000000001,
+ "y": 0
+ },
+ {
+ "x": 1,
+ "y": 1
+ }
+ ],
+ "gradientStops": [
+ {
+ "color": {
+ "r": 0.9058823585510254,
+ "g": 0.9372549057006836,
+ "b": 0.9803921580314636,
+ "a": 1
+ },
+ "position": 0
+ },
+ {
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 0
+ },
+ "position": 1
+ }
+ ]
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18047",
+ "name": "logo.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18048",
+ "name": "logo.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18049",
+ "name": "Group",
+ "type": "GROUP",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18050",
+ "name": "Group 4162-2",
+ "type": "GROUP",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18051",
+ "name": "Path 10741",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23220.00390625,
+ "y": 18789.044921875,
+ "width": 43.851322174072266,
+ "height": 53.88221740722656
+ },
+ "absoluteRenderBounds": {
+ "x": 23220.00390625,
+ "y": 18789.07421875,
+ "width": 43.8515625,
+ "height": 53.852508544921875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18052",
+ "name": "Path 10742",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23305.419921875,
+ "y": 18812.232421875,
+ "width": 20.738622665405273,
+ "height": 21.31163215637207
+ },
+ "absoluteRenderBounds": {
+ "x": 23305.419921875,
+ "y": 18812.232421875,
+ "width": 20.73828125,
+ "height": 21.3125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18053",
+ "name": "Path 10743",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23328.013671875,
+ "y": 18812.541015625,
+ "width": 11.88744831085205,
+ "height": 20.30438804626465
+ },
+ "absoluteRenderBounds": {
+ "x": 23328.013671875,
+ "y": 18812.541015625,
+ "width": 11.88671875,
+ "height": 20.3046875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18054",
+ "name": "Path 10744",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23341.45703125,
+ "y": 18805.939453125,
+ "width": 15.078704833984375,
+ "height": 26.879453659057617
+ },
+ "absoluteRenderBounds": {
+ "x": 23341.45703125,
+ "y": 18805.939453125,
+ "width": 15.078125,
+ "height": 26.87890625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18055",
+ "name": "Path 10745",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23355.548828125,
+ "y": 18812.271484375,
+ "width": 21.451244354248047,
+ "height": 21.221878051757812
+ },
+ "absoluteRenderBounds": {
+ "x": 23355.548828125,
+ "y": 18812.271484375,
+ "width": 21.451171875,
+ "height": 21.22265625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18056",
+ "name": "Path 10746",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 23276.984375,
+ "y": 18805.03125,
+ "width": 27.22543716430664,
+ "height": 28.531856536865234
+ },
+ "absoluteRenderBounds": {
+ "x": 23276.984375,
+ "y": 18805.03125,
+ "width": 27.224609375,
+ "height": 28.53125
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23220.00390625,
+ "y": 18789.044921875,
+ "width": 156.99636840820312,
+ "height": 53.88221740722656
+ },
+ "absoluteRenderBounds": {
+ "x": 23220.00390625,
+ "y": 18789.07421875,
+ "width": 156.99609375,
+ "height": 53.852508544921875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23220.00390625,
+ "y": 18789.044921875,
+ "width": 156.99636840820312,
+ "height": 53.88221740722656
+ },
+ "absoluteRenderBounds": {
+ "x": 23220.00390625,
+ "y": 18789.07421875,
+ "width": 156.99609375,
+ "height": 53.852508544921875
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 0.9972686767578125,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23220,
+ "y": 18789.07421875,
+ "width": 157,
+ "height": 53.852508544921875
+ },
+ "absoluteRenderBounds": {
+ "x": 23220,
+ "y": 18789.07421875,
+ "width": 157,
+ "height": 53.852508544921875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18057",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18058",
+ "name": "ul#menu-main",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18059",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18803.5,
+ "width": 66,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23788.818359375,
+ "y": 18807.77734375,
+ "width": 63.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18060",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23902.125,
+ "y": 18803.5,
+ "width": 76,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23902.5703125,
+ "y": 18807.77734375,
+ "width": 74.142578125,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18061",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24027.375,
+ "y": 18803.5,
+ "width": 44,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24028.419921875,
+ "y": 18808.681640625,
+ "width": 41.486328125,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18062",
+ "name": "li#menu-item-212908",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18063",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18064",
+ "name": "Company",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 91,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24120.833984375,
+ "y": 18808.4921875,
+ "width": 88.966796875,
+ "height": 17.89453125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Company",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18065",
+ "name": "a:after",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18066",
+ "name": "dropdown.svg",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18067",
+ "name": "Icon ionic-ios-arrow-down",
+ "type": "VECTOR",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "absoluteBoundingBox": {
+ "x": 24220.04296875,
+ "y": 18812.572265625,
+ "width": 11.998673439025879,
+ "height": 6.846909999847412
+ },
+ "absoluteRenderBounds": {
+ "x": 24220.046875,
+ "y": 18812.572265625,
+ "width": 11.994140625,
+ "height": 6.84765625
+ },
+ "constraints": {
+ "vertical": "SCALE",
+ "horizontal": "SCALE"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24220.046875,
+ "y": 18812.5703125,
+ "width": 12,
+ "height": 6.860000133514404
+ },
+ "absoluteRenderBounds": {
+ "x": 24220.046875,
+ "y": 18812.5703125,
+ "width": 12,
+ "height": 6.860000133514404
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "absoluteRenderBounds": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 9.109375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingTop": 14.5,
+ "paddingBottom": 14.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ },
+ {
+ "id": "728:18068",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18069",
+ "name": "Sign in",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24348.046875,
+ "y": 18807,
+ "width": 51,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24348.55859375,
+ "y": 18809.376953125,
+ "width": 48.994140625,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign in",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.26274511218070984,
+ "g": 0.2078431397676468,
+ "b": 0.8705882430076599,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.26274511218070984,
+ "g": 0.2078431397676468,
+ "b": 0.8705882430076599,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "cornerRadius": 42,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.26274511218070984,
+ "g": 0.2078431397676468,
+ "b": 0.8705882430076599,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 20.953125,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0.9529411792755127,
+ "g": 0.9725490212440491,
+ "b": 1,
+ "a": 1
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 120,
+ "paddingRight": 120,
+ "paddingTop": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 410.8125,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "background": [],
+ "fills": [],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "INSIDE",
+ "backgroundColor": {
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 0
+ },
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 6102.484375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 6102.484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "exportSettings": [
+ {
+ "suffix": "",
+ "format": "PNG",
+ "constraint": {
+ "type": "SCALE",
+ "value": 1
+ }
+ }
+ ],
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "thumbnailUrl": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7723eb6b-c660-4b73-ac38-dee64669503b"
+}
\ No newline at end of file
diff --git a/examples/skill-demo/process/images.json b/examples/skill-demo/process/images.json
new file mode 100644
index 0000000..b015fa1
--- /dev/null
+++ b/examples/skill-demo/process/images.json
@@ -0,0 +1,266 @@
+[
+ {
+ "id": "728:17676",
+ "name": "bg-circle.svg",
+ "format": "svg",
+ "url": "@/assets/bg-circle-svg-728-17676.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e3af3d6-483e-40c8-90f4-93144676e820",
+ "success": true
+ },
+ {
+ "id": "728:17693",
+ "name": "span:after",
+ "format": "svg",
+ "url": "@/assets/span-after-728-17693.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/42863a95-9fc1-4dd5-8703-cd347cf7ac84",
+ "success": true
+ },
+ {
+ "id": "728:17706",
+ "name": "div",
+ "format": "svg",
+ "url": "@/assets/div-728-17706.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb046e31-f76a-458d-a87f-e5e93b18d9d7",
+ "success": true
+ },
+ {
+ "id": "728:17780",
+ "name": "div",
+ "format": "svg",
+ "url": "@/assets/div-728-17780.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6997ab70-fe1e-4388-8275-f98866d3f190",
+ "success": true
+ },
+ {
+ "id": "728:17799",
+ "name": "div",
+ "format": "svg",
+ "url": "@/assets/div-728-17799.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/88522136-8f58-45c8-8fad-0569ae265deb",
+ "success": true
+ },
+ {
+ "id": "728:17818",
+ "name": "div",
+ "format": "svg",
+ "url": "@/assets/div-728-17818.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8919984-e26c-4a6e-a701-6ddecabef35f",
+ "success": true
+ },
+ {
+ "id": "728:17837",
+ "name": "div",
+ "format": "svg",
+ "url": "@/assets/div-728-17837.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/97ed48c0-32c1-4d47-8a68-825bccb6017f",
+ "success": true
+ },
+ {
+ "id": "728:17855",
+ "name": "span:after",
+ "format": "svg",
+ "url": "@/assets/span-after-728-17855.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3400e2c5-b303-43e1-9334-9d8f49dbecee",
+ "success": true
+ },
+ {
+ "id": "728:17903",
+ "name": "span:after",
+ "format": "svg",
+ "url": "@/assets/span-after-728-17903.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3aa568af-40a8-4376-ad67-87949c628438",
+ "success": true
+ },
+ {
+ "id": "728:17919",
+ "name": "span:after",
+ "format": "svg",
+ "url": "@/assets/span-after-728-17919.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/252b305b-690c-4881-abf2-0d864b8041fa",
+ "success": true
+ },
+ {
+ "id": "728:17940",
+ "name": "span:after",
+ "format": "svg",
+ "url": "@/assets/span-after-728-17940.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3d35213d-042f-4d27-98b4-9594290ffcbc",
+ "success": true
+ },
+ {
+ "id": "728:17953",
+ "name": "span:after",
+ "format": "svg",
+ "url": "@/assets/span-after-728-17953.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f7981078-860f-4c86-b28a-9c82499c3999",
+ "success": true
+ },
+ {
+ "id": "728:17983",
+ "name": "ul",
+ "format": "svg",
+ "url": "@/assets/ul-728-17983.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6eaa8692-b0b6-4753-999c-8d64020f0ddd",
+ "success": true
+ },
+ {
+ "id": "728:18004",
+ "name": "span",
+ "format": "svg",
+ "url": "@/assets/span-728-18004.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2297d0c5-0d11-4496-88cc-76bf5f41d02f",
+ "success": true
+ },
+ {
+ "id": "728:18009",
+ "name": "span",
+ "format": "svg",
+ "url": "@/assets/span-728-18009.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/af0377fc-f04a-4668-b5b6-b2c9acbd8e6d",
+ "success": true
+ },
+ {
+ "id": "728:18014",
+ "name": "span",
+ "format": "svg",
+ "url": "@/assets/span-728-18014.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0837977a-ddf5-43ee-82bd-d6ab4ffecc04",
+ "success": true
+ },
+ {
+ "id": "728:18019",
+ "name": "span",
+ "format": "svg",
+ "url": "@/assets/span-728-18019.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/091d12ec-9d2e-4d78-b1df-b94fe2b2f0aa",
+ "success": true
+ },
+ {
+ "id": "728:18024",
+ "name": "span",
+ "format": "svg",
+ "url": "@/assets/span-728-18024.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5df81665-9f7f-4c7a-87cd-eb9d480eba8e",
+ "success": true
+ },
+ {
+ "id": "728:18030",
+ "name": "form#newsletter-signup-footer-form:before",
+ "format": "svg",
+ "url": "@/assets/form-newsletter-signup-footer-form-before-728-18030.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7631d5d8-e039-40c6-b033-a118e11bf8e8",
+ "success": true
+ },
+ {
+ "id": "728:18047",
+ "name": "logo.svg",
+ "format": "svg",
+ "url": "@/assets/logo-svg-728-18047.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/993476b9-2195-4502-b99c-081b4910643f",
+ "success": true
+ },
+ {
+ "id": "728:18065",
+ "name": "a:after",
+ "format": "svg",
+ "url": "@/assets/a-after-728-18065.svg",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4fb42318-0f21-4c73-af49-d87f95af11e3",
+ "success": true
+ },
+ {
+ "id": "728:17679",
+ "name": "div",
+ "format": "png",
+ "url": "@/assets/div-728-17679.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79bb29e3-5a24-4b19-afd2-09e26f4ae6fd",
+ "success": true
+ },
+ {
+ "id": "728:17698",
+ "name": "figure",
+ "format": "png",
+ "url": "@/assets/figure-728-17698.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c37580d9-9ec5-47e8-8bd0-53c20fdb26b7",
+ "success": true
+ },
+ {
+ "id": "728:17860",
+ "name": "div",
+ "format": "png",
+ "url": "@/assets/div-728-17860.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c6022d99-3d21-4b9f-84b9-d75ecabd55fd",
+ "success": true
+ },
+ {
+ "id": "728:17870",
+ "name": "div",
+ "format": "png",
+ "url": "@/assets/div-728-17870.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3f34842-0d83-458a-8d76-22d8267d420d",
+ "success": true
+ },
+ {
+ "id": "728:17875",
+ "name": "div",
+ "format": "png",
+ "url": "@/assets/div-728-17875.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13e1c68f-4ccd-4c39-a2b4-4c571a7cc49d",
+ "success": true
+ },
+ {
+ "id": "728:17880",
+ "name": "div",
+ "format": "png",
+ "url": "@/assets/div-728-17880.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a99f71f-37cb-4fb0-92a1-dabdeea1ee6f",
+ "success": true
+ },
+ {
+ "id": "728:17885",
+ "name": "div",
+ "format": "png",
+ "url": "@/assets/div-728-17885.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9ba74cea-326b-498e-9046-ea53b16e4487",
+ "success": true
+ },
+ {
+ "id": "728:17890",
+ "name": "div",
+ "format": "png",
+ "url": "@/assets/div-728-17890.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c08e4aa-c396-4593-8b0f-71bd1a938cf2",
+ "success": true
+ },
+ {
+ "id": "728:17895",
+ "name": "div",
+ "format": "png",
+ "url": "@/assets/div-728-17895.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a917ed64-192b-4c21-b787-b8b31e664410",
+ "success": true
+ },
+ {
+ "id": "728:17958",
+ "name": "a",
+ "format": "png",
+ "url": "@/assets/a-728-17958.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5704c95-9a09-4bb6-b3d1-6cff140f6d0b",
+ "success": true
+ },
+ {
+ "id": "728:17965",
+ "name": "a",
+ "format": "png",
+ "url": "@/assets/a-728-17965.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1e76f33a-4353-4aa7-bc54-a876b2d81f52",
+ "success": true
+ },
+ {
+ "id": "728:17972",
+ "name": "a",
+ "format": "png",
+ "url": "@/assets/a-728-17972.png",
+ "remote": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cca63f6d-2098-4a94-be6d-7f51e60ed698",
+ "success": true
+ }
+]
\ No newline at end of file
diff --git a/examples/skill-demo/process/processed.json b/examples/skill-demo/process/processed.json
new file mode 100644
index 0000000..00c4b5a
--- /dev/null
+++ b/examples/skill-demo/process/processed.json
@@ -0,0 +1,9544 @@
+{
+ "id": "728:17673",
+ "name": "certosoftware.com",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17674",
+ "name": "nav:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ },
+ {
+ "id": "728:17675",
+ "name": "header",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17676",
+ "name": "bg-circle.svg",
+ "type": "IMAGE",
+ "url": "@/assets/bg-circle-svg-728-17676.svg",
+ "absoluteBoundingBox": {
+ "x": 21300,
+ "y": 18690,
+ "width": 3600,
+ "height": 1770
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17679",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17679.png",
+ "absoluteBoundingBox": {
+ "x": 23892,
+ "y": 18961.1875,
+ "width": 720,
+ "height": 720
+ },
+ "absoluteRenderBounds": {
+ "x": 23870.40625,
+ "y": 18936,
+ "width": 669.59375,
+ "height": 639
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17682",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17683",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17684",
+ "name": "h1",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17685",
+ "name": "Your mobile privacy is our mission",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 595.2000122070312,
+ "height": 150
+ },
+ "absoluteRenderBounds": {
+ "x": 23293.12890625,
+ "y": 19014.2578125,
+ "width": 563.5703125,
+ "height": 122.109375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Your mobile privacy is our mission",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 60,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -1.2000000476837158,
+ "lineHeightPx": 75,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 8.29998779296875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 603.5,
+ "height": 150
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 603.5,
+ "height": 150
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17686",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17687",
+ "name": "Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19203.75,
+ "width": 597.8875122070312,
+ "height": 82
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.966796875,
+ "y": 19206.75,
+ "width": 578.419921875,
+ "height": 75.255859375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "fontSize": 20,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 123.94367218017578,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19199.75,
+ "width": 603.5,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19199.75,
+ "width": 603.5,
+ "height": 90
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17688",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17689",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17690",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17691",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17692",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 19405.02734375,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17693",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17693.svg",
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 19406,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 19406,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17696",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17697",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23628.65625,
+ "y": 19401.75,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23629.552734375,
+ "y": 19405.02734375,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 48,
+ "paddingBottom": 24,
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 612.25,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 603.5,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19289.75,
+ "width": 603.5,
+ "height": 150.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19289.75,
+ "width": 603.5,
+ "height": 150.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 633.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 633.5,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17698",
+ "name": "figure",
+ "type": "IMAGE",
+ "url": "@/assets/figure-728-17698.png",
+ "absoluteBoundingBox": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 196,
+ "itemSpacing": 15,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 1086,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 1086,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17700",
+ "name": "main#primary",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17701",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17702",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17703",
+ "name": "Loved by thousands of iPhone and Android users alike",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19658,
+ "width": 563.4187622070312,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23197.060546875,
+ "y": 19666.10546875,
+ "width": 511.71484375,
+ "height": 73.265625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Loved by thousands of iPhone and Android users alike",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 36,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 45.58123779296875,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19658,
+ "width": 609,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23196,
+ "y": 19658,
+ "width": 609,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17704",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17705",
+ "name": "Featured in:",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 20230.484375,
+ "width": 129,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23197.265625,
+ "y": 20235.662109375,
+ "width": 126.353515625,
+ "height": 18.06640625
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Featured in:",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17706",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17706.svg",
+ "absoluteBoundingBox": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "width": 1045.75,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "width": 1045.75,
+ "height": 95
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 20198.984375,
+ "width": 1248,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23196,
+ "y": 20198.984375,
+ "width": 1248,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17775",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17776",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17777",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17778",
+ "name": "My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 22808,
+ "y": 19906.984375,
+ "width": 314.85626220703125,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19911.484375,
+ "width": 14.2578125,
+ "height": 113.36328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 14,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 118.04158782958984,
+ "lineHeightPercentFontSize": 142.85714721679688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 49.14373779296875,
+ "paddingTop": 85.984375,
+ "paddingBottom": 100,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 22772,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 104,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17779",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17780",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17780.svg",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17796",
+ "name": "Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19906.984375,
+ "width": 312.46563720703125,
+ "height": 80
+ },
+ "absoluteRenderBounds": {
+ "x": 23232.818359375,
+ "y": 19910.984375,
+ "width": 299.689453125,
+ "height": 75.2734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17797",
+ "name": "colinandmandy94",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20010.984375,
+ "width": 136,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23232.51171875,
+ "y": 20014.361328125,
+ "width": 134.21875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "colinandmandy94",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 96,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23188,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17798",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17799",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17799.svg",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23656,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17815",
+ "name": "Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19906.984375,
+ "width": 318.79376220703125,
+ "height": 140
+ },
+ "absoluteRenderBounds": {
+ "x": 23656.544921875,
+ "y": 19910.802734375,
+ "width": 316.197265625,
+ "height": 135.63671875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17816",
+ "name": "Jennifer Black",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 20070.984375,
+ "width": 107,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23656.255859375,
+ "y": 20074.361328125,
+ "width": 105.837890625,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Jennifer Black",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 36,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23620,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23612,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17817",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17818",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17818.svg",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24080,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17834",
+ "name": "This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19906.984375,
+ "width": 313.10626220703125,
+ "height": 80
+ },
+ "absoluteRenderBounds": {
+ "x": 24080.544921875,
+ "y": 19910.802734375,
+ "width": 309.837890625,
+ "height": 75.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17835",
+ "name": "Phillip Colligan",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 20010.984375,
+ "width": 111,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24080.826171875,
+ "y": 20014.361328125,
+ "width": 108.98828125,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Phillip Colligan",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 96,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24044,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24036,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17836",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17837",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17837.svg",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24504,
+ "y": 19857,
+ "width": 36,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17844",
+ "name": "I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19906.984375,
+ "width": 322.91876220703125,
+ "height": 140
+ },
+ "absoluteRenderBounds": {
+ "x": 24504.46875,
+ "y": 19910.564453125,
+ "width": 35.53125,
+ "height": 134.083984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17845",
+ "name": "Leslie Carrillo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 20070.984375,
+ "width": 102,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24504.826171875,
+ "y": 20074.361328125,
+ "width": 35.173828125,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Leslie Carrillo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 36,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24468,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24460,
+ "y": 19813,
+ "width": 80,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 22348,
+ "y": 19821,
+ "width": 1248,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 1440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 848,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 22348,
+ "y": 19821,
+ "width": 2096,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 1440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 802.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 802.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #F7C95F 0%, #FDB235 100%)",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17846",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17847",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17848",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17849",
+ "name": "At Certo, mobile security is not an afterthought, it’s what we do.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20463.984375,
+ "width": 446.40313720703125,
+ "height": 130
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.537109375,
+ "y": 20469.08984375,
+ "width": 436.09765625,
+ "height": 118.27734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "At Certo, mobile security is not an afterthought, it’s what we do.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "fontSize": 36,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17850",
+ "name": "With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20636.984375,
+ "width": 448.23126220703125,
+ "height": 112
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.42578125,
+ "y": 20639.7578125,
+ "width": 445.404296875,
+ "height": 109.318359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "fontSize": 20,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 123.94367218017578,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17851",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17852",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17853",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17854",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 20844.26171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17855",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17855.svg",
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17858",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17859",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20919.484375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 20922.76171875,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20903.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20903.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 223.34375,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 492,
+ "height": 157
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 492,
+ "height": 157
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 588,
+ "height": 496
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 588,
+ "height": 520
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17860",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17860.png",
+ "absoluteBoundingBox": {
+ "x": 23880,
+ "y": 20475.984375,
+ "width": 468,
+ "height": 468
+ },
+ "absoluteRenderBounds": {
+ "x": 23880,
+ "y": 20468.96875,
+ "width": 489.046875,
+ "height": 482.03125
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 60,
+ "itemSpacing": 60,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 1176,
+ "height": 496
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 1176,
+ "height": 520
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 132,
+ "paddingRight": 132,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 20377.984375,
+ "width": 1440,
+ "height": 664
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 20377.984375,
+ "width": 1440,
+ "height": 664
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17863",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17864",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17865",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17866",
+ "name": "Get your freedom back, stop mobile spyware today",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23450.5,
+ "y": 21124.984375,
+ "width": 739.1843872070312,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23518.48828125,
+ "y": 21133.08984375,
+ "width": 604.41796875,
+ "height": 80.2578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get your freedom back, stop mobile spyware today",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 36,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 50.5,
+ "paddingRight": 50.31561279296875,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21124.984375,
+ "width": 840,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23400,
+ "y": 21124.984375,
+ "width": 840,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17867",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17868",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17869",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17870",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17870.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17872",
+ "name": "Spyware detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23486.71875,
+ "y": 21455.984375,
+ "width": 171,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23487.69921875,
+ "y": 21460.26171875,
+ "width": 168.6953125,
+ "height": 18.609375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Spyware detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17873",
+ "name": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23473.859375,
+ "y": 21504.984375,
+ "width": 196.4812469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.8984375,
+ "y": 21511.189453125,
+ "width": 172.544921875,
+ "height": 111.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17874",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17875",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17875.png",
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17877",
+ "name": "Keylogger detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23727.921875,
+ "y": 21455.984375,
+ "width": 184,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23729.224609375,
+ "y": 21460.26171875,
+ "width": 181.451171875,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Keylogger detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17878",
+ "name": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23727.828125,
+ "y": 21504.984375,
+ "width": 184.5437469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23729.865234375,
+ "y": 21510.734375,
+ "width": 180.17578125,
+ "height": 110.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17879",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17880",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17880.png",
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17882",
+ "name": "Find tracking apps",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23985.03125,
+ "y": 21455.984375,
+ "width": 167,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23986.095703125,
+ "y": 21460.26171875,
+ "width": 165.33984375,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find tracking apps",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17883",
+ "name": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23969.28125,
+ "y": 21504.984375,
+ "width": 197.6218719482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23977.044921875,
+ "y": 21510.984375,
+ "width": 181.416015625,
+ "height": 111.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17884",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17885",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17885.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17887",
+ "name": "OS integrity check",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23487.40625,
+ "y": 21792.984375,
+ "width": 168,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23488.73828125,
+ "y": 21797.26171875,
+ "width": 166.248046875,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "OS integrity check",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17888",
+ "name": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23475.515625,
+ "y": 21841.984375,
+ "width": 193.1531219482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.353515625,
+ "y": 21847.984375,
+ "width": 172.66015625,
+ "height": 111.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17889",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17890",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17890.png",
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17892",
+ "name": "Threat removal",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23751.46875,
+ "y": 21792.984375,
+ "width": 137,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23752.1171875,
+ "y": 21798.166015625,
+ "width": 135.244140625,
+ "height": 14.021484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Threat removal",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17893",
+ "name": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23720.859375,
+ "y": 21841.984375,
+ "width": 198.4812469482422,
+ "height": 96
+ },
+ "absoluteRenderBounds": {
+ "x": 23721.65234375,
+ "y": 21847.734375,
+ "width": 196.919921875,
+ "height": 83.419921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17894",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17895",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17895.png",
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17897",
+ "name": "Easy to use",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24018.921875,
+ "y": 21792.984375,
+ "width": 98,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24020.26953125,
+ "y": 21798.892578125,
+ "width": 95.689453125,
+ "height": 16.7734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Easy to use",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17898",
+ "name": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23968.984375,
+ "y": 21841.984375,
+ "width": 198.2156219482422,
+ "height": 96
+ },
+ "absoluteRenderBounds": {
+ "x": 23973.30859375,
+ "y": 21848.34765625,
+ "width": 190.0234375,
+ "height": 83.841796875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 696,
+ "height": 602
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 696,
+ "height": 602
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17899",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17900",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17901",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17902",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23571.875,
+ "y": 22049.984375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23573.076171875,
+ "y": 22053.26171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17903",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17903.svg",
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 2,
+ "paddingRight": 2.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17906",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17907",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23864.53125,
+ "y": 22049.984375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23865.482421875,
+ "y": 22053.26171875,
+ "width": 199.955078125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 22,
+ "paddingRight": 23.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 564.25,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 564.25,
+ "height": 78.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21287.984375,
+ "width": 840,
+ "height": 872.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23392,
+ "y": 21279.984375,
+ "width": 880,
+ "height": 912.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21125.984375,
+ "width": 840,
+ "height": 1034.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23392,
+ "y": 21124.984375,
+ "width": 880,
+ "height": 1067.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 300,
+ "paddingRight": 300,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 21041.984375,
+ "width": 1440,
+ "height": 1202.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 21041.984375,
+ "width": 1440,
+ "height": 1202.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #F3F8FF 0%, #E7EFFA 100%)"
+ }
+ },
+ {
+ "id": "728:17908",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17909",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17910",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17911",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17912",
+ "name": "Read our story",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 160,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23449.265625,
+ "y": 22381.7578125,
+ "width": 157.900390625,
+ "height": 21.431640625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Read our story",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 204,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 364,
+ "height": 31
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 364,
+ "height": 31
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17913",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17914",
+ "name": "Find out why thousands trust Certo to secure their mobile world.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 358.82501220703125,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23448.5,
+ "y": 22436.484375,
+ "width": 341.828125,
+ "height": 36.181640625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Find out why thousands trust Certo to secure their mobile world.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 5.17498779296875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 364,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 364,
+ "height": 48
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17915",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17916",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17917",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17918",
+ "name": "About us",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 68,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23468.3515625,
+ "y": 22545.576171875,
+ "width": 66.515625,
+ "height": 11.068359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "About us",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17919",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17919.svg",
+ "absoluteBoundingBox": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "width": 16,
+ "height": 11
+ },
+ "absoluteRenderBounds": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "width": 16,
+ "height": 11
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 0.671875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 68.671875,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 92.671875,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 44,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22526.484375,
+ "width": 132.671875,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22526.484375,
+ "width": 132.671875,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#4335DE",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 231.328125,
+ "paddingTop": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22478.484375,
+ "width": 364,
+ "height": 98
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22478.484375,
+ "width": 364,
+ "height": 98
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 22328.484375,
+ "width": 460,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23400,
+ "y": 22328.484375,
+ "width": 460,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "background": "linear-gradient(180deg, #F7C95F 0%, #FDB235 100%)"
+ }
+ },
+ {
+ "id": "728:17922",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17923",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17924",
+ "name": "Help Center",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 131,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23981.265625,
+ "y": 22381.529296875,
+ "width": 129.28125,
+ "height": 21.66015625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help Center",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 81,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 212,
+ "height": 31
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 212,
+ "height": 31
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17925",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17926",
+ "name": "Help topics, getting started guides and FAQs.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 196.0281219482422,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23980.841796875,
+ "y": 22436.484375,
+ "width": 188.056640625,
+ "height": 39.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help topics, getting started guides and FAQs.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 15.971878051757812,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 212,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 212,
+ "height": 48
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17927",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17928",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17929",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17930",
+ "name": "Visit help center",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24000,
+ "y": 22542.484375,
+ "width": 123,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24000.3515625,
+ "y": 22544.861328125,
+ "width": 121.66796875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Visit help center",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 21.875,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 164.875,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 164.875,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 71.125,
+ "paddingBottom": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 236,
+ "height": 74
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 212,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22478.484375,
+ "width": 212,
+ "height": 98
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22478.484375,
+ "width": 212,
+ "height": 98
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23932,
+ "y": 22328.484375,
+ "width": 308,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23932,
+ "y": 22328.484375,
+ "width": 308,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "itemSpacing": 72,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23364,
+ "y": 22328.484375,
+ "width": 912,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23364,
+ "y": 22328.484375,
+ "width": 912,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 264,
+ "paddingRight": 264,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 22244.484375,
+ "width": 1440,
+ "height": 464
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 22244.484375,
+ "width": 1440,
+ "height": 464
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17931",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17932",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17933",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17934",
+ "name": "Is someone spying on your phone?",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23540.34375,
+ "y": 22792.484375,
+ "width": 559,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23542.431640625,
+ "y": 22801.138671875,
+ "width": 555.16015625,
+ "height": 33.6875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Is someone spying on your phone?",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 34,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 109.36205291748047,
+ "lineHeightPercentFontSize": 132.35293579101562,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17935",
+ "name": "Find out with Certo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23737.171875,
+ "y": 22887.484375,
+ "width": 164,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23738.8515625,
+ "y": 22895.984375,
+ "width": 161.302734375,
+ "height": 13.705078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find out with Certo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 137.71517944335938,
+ "lineHeightPercentFontSize": 166.6666717529297,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23460,
+ "y": 22792.484375,
+ "width": 720,
+ "height": 125
+ },
+ "absoluteRenderBounds": {
+ "x": 23460,
+ "y": 22792.484375,
+ "width": 720,
+ "height": 125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17936",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17937",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17938",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17939",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23570.771484375,
+ "y": 22996.76171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17940",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17940.svg",
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17943",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17944",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23862.53125,
+ "y": 22993.484375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23863.427734375,
+ "y": 22996.76171875,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #FFF",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 89.875,
+ "paddingRight": 113.875,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23460,
+ "y": 22977.484375,
+ "width": 744,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23460,
+ "y": 22977.484375,
+ "width": 744,
+ "height": 78.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23445,
+ "y": 22792.484375,
+ "width": 750,
+ "height": 239.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23445,
+ "y": 22792.484375,
+ "width": 759,
+ "height": 263.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 345,
+ "paddingRight": 345,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 22708.484375,
+ "width": 1440,
+ "height": 407.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 22708.484375,
+ "width": 1440,
+ "height": 407.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #2925CC 0%, #4B48E5 100%)"
+ }
+ },
+ {
+ "id": "728:17945",
+ "name": "aside",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17946",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17947",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17948",
+ "name": "Latest insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23622.078125,
+ "y": 23199.984375,
+ "width": 396,
+ "height": 75
+ },
+ "absoluteRenderBounds": {
+ "x": 23625.634765625,
+ "y": 23214.591796875,
+ "width": 390.263671875,
+ "height": 55.484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Latest insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 56,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -1.2000000476837158,
+ "lineHeightPx": 75,
+ "lineHeightPercent": 110.66398620605469,
+ "lineHeightPercentFontSize": 133.92857360839844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 330.078125,
+ "paddingRight": 329.921875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 75
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 75
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17949",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17950",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17951",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17952",
+ "name": "View all insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 155,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23715.791015625,
+ "y": 23972.26171875,
+ "width": 153.22265625,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "View all insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17953",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17953.svg",
+ "absoluteBoundingBox": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 155,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 186.0625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 51.0625,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "width": 226.0625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "width": 226.0625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 417.96875,
+ "paddingRight": 441.96875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 23952.984375,
+ "width": 1086,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 23952.984375,
+ "width": 1086,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17956",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17957",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17958",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17958.png",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ },
+ {
+ "id": "728:17965",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17965.png",
+ "absoluteBoundingBox": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ },
+ {
+ "id": "728:17972",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17972.png",
+ "absoluteBoundingBox": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 807.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 23199.984375,
+ "width": 1086,
+ "height": 807.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 192,
+ "paddingRight": 192,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 23115.984375,
+ "width": 1440,
+ "height": 975.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 23115.984375,
+ "width": 1440,
+ "height": 975.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 4516.484375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 4516.484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17979",
+ "name": "footer",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17980",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17981",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17982",
+ "name": "Scan. Detect. Remove.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24186.484375,
+ "width": 254,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.783203125,
+ "y": 24192.529296875,
+ "width": 251.068359375,
+ "height": 17.19921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Scan. Detect. Remove.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17983",
+ "name": "ul",
+ "type": "IMAGE",
+ "url": "@/assets/ul-728-17983.svg",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 348,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 348,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17993",
+ "name": "ul#menu-secondary-menu-1",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17994",
+ "name": "Privacy Policy",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24353.484375,
+ "width": 73,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24357.234375,
+ "width": 72.15625,
+ "height": 11.1875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Privacy Policy",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17995",
+ "name": "Terms of Service",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23390.5625,
+ "y": 24353.484375,
+ "width": 88,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23390.5625,
+ "y": 24357.109375,
+ "width": 87.681640625,
+ "height": 11.3125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Terms of Service",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 149.4375,
+ "paddingTop": 4,
+ "paddingBottom": 13,
+ "itemSpacing": 25.5625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24349.484375,
+ "width": 336,
+ "height": 32
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24349.484375,
+ "width": 336,
+ "height": 32
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 312,
+ "height": 182
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 348,
+ "height": 194
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17996",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17997",
+ "name": "Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 306.05938720703125,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.65625,
+ "y": 24418.90625,
+ "width": 294.30078125,
+ "height": 27.953125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17998",
+ "name": "Designed & developed by Bigger Picture",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24465.484375,
+ "width": 209,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.96875,
+ "y": 24469.234375,
+ "width": 207.896484375,
+ "height": 11.1875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Designed & developed by Bigger Picture",
+ "characterStyleOverrides": [
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2
+ ],
+ "styleOverrideTable": {
+ "2": {
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11
+ },
+ "3": {
+ "fontSize": 11
+ }
+ },
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 5.94061279296875,
+ "itemSpacing": 18,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 312,
+ "height": 63
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 312,
+ "height": 63
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17999",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18000",
+ "name": "p",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18001",
+ "name": "Certo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 99,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23665.65234375,
+ "y": 24196.681640625,
+ "width": 95.837890625,
+ "height": 26.17578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Certo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 35,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 106.23743438720703,
+ "lineHeightPercentFontSize": 128.57142639160156,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "individualStrokeWeights": {
+ "top": 0,
+ "right": 0,
+ "bottom": 1,
+ "left": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 89,
+ "paddingBottom": 25,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 70
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 70
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "border": "1px solid #FFF"
+ }
+ },
+ {
+ "id": "728:18002",
+ "name": "ul#menu-footer-menu",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18003",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18004",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18004.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24319.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24319.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18007",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24317.484375,
+ "width": 64,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23709.005859375,
+ "y": 24321.76171875,
+ "width": 61.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 80,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18008",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18009",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18009.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24368.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24368.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18012",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24366.484375,
+ "width": 74,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.4453125,
+ "y": 24370.76171875,
+ "width": 71.7421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 70,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24366.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24366.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18013",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18014",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18014.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24417.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24417.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18017",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24415.484375,
+ "width": 43,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23709.044921875,
+ "y": 24420.666015625,
+ "width": 40.28515625,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 101,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24415.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24415.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18018",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18019",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18019.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24466.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24466.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18022",
+ "name": "About",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24464.484375,
+ "width": 57,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.4453125,
+ "y": 24469.666015625,
+ "width": 55.693359375,
+ "height": 14.021484375
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "About",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 87,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24464.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24464.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18023",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18024",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18024.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24515.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24515.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18027",
+ "name": "Insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24513.484375,
+ "width": 70,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.990234375,
+ "y": 24518.537109375,
+ "width": 68.048828125,
+ "height": 17.833984375
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 74,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24513.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24513.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 221
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 221.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 60,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 351
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 351.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18028",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18029",
+ "name": "form#newsletter-signup-footer-form",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18030",
+ "name": "form#newsletter-signup-footer-form:before",
+ "type": "IMAGE",
+ "url": "@/assets/form-newsletter-signup-footer-form-before-728-18030.svg",
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18033",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18034",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18035",
+ "name": "Sign up to our newsletter",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 274,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23948.783203125,
+ "y": 24227.662109375,
+ "width": 272.65625,
+ "height": 22.7890625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign up to our newsletter",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18036",
+ "name": "Receive the latest mobile security news, exclusive discounts & offers straight to your inbox!",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24273.484375,
+ "width": 358.15313720703125,
+ "height": 40
+ },
+ "absoluteRenderBounds": {
+ "x": 23948.767578125,
+ "y": 24277.234375,
+ "width": 352.68359375,
+ "height": 34.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Receive the latest mobile security news, exclusive discounts & offers straight to your inbox!",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 5.84686279296875,
+ "itemSpacing": 21,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18037",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18038",
+ "name": "input#newsletter-email",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18039",
+ "name": "div#placeholder",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18040",
+ "name": "Email address",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "opacity": 0.5,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 99,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23965.3203125,
+ "y": 24360.234375,
+ "width": 96.55078125,
+ "height": 11.44140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Email address",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18.15340805053711,
+ "lineHeightPercent": 100,
+ "lineHeightUnit": "INTRINSIC_%"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 123.796875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 222.796875,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 222.796875,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 254.796875,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 254.796875,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "21px 0px 0px 21px",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:18041",
+ "name": "button",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18042",
+ "name": "Submit",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24230.03125,
+ "y": 24357.484375,
+ "width": 54.91875076293945,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24231.4375,
+ "y": 24359.861328125,
+ "width": 52.263671875,
+ "height": 11.783203125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Submit",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18.399999618530273,
+ "lineHeightPercent": 101.3583755493164,
+ "lineHeightPercentFontSize": 122.66666412353516,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "width": 109.1875,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "width": 109.1875,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "0px 21px 21px 0px",
+ "background": "#02033B"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 364,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 364,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 36,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 161.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 161.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 35,
+ "paddingBottom": 36,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 351
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 351
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:18043",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "width": 315.96875,
+ "height": 104
+ },
+ "absoluteRenderBounds": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "width": 315.96875,
+ "height": 104
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "12px",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:18044",
+ "name": "Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24726.484375,
+ "width": 549.8562622070312,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.306640625,
+ "y": 24729.34765625,
+ "width": 538.671875,
+ "height": 41.728515625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 12,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 1056,
+ "height": 584
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 1056,
+ "height": 584
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 192,
+ "paddingRight": 192,
+ "paddingTop": 96,
+ "paddingBottom": 96,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 24091.484375,
+ "width": 1440,
+ "height": 776
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 24091.484375,
+ "width": 1440,
+ "height": 776
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#02033B",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:18045",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18046",
+ "name": "div:before",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(0deg, #E7EFFA 0%, rgba(255, 255, 255, 0.00) 100%)"
+ }
+ },
+ {
+ "id": "728:18047",
+ "name": "logo.svg",
+ "type": "IMAGE",
+ "url": "@/assets/logo-svg-728-18047.svg",
+ "absoluteBoundingBox": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18057",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18058",
+ "name": "ul#menu-main",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18059",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18803.5,
+ "width": 66,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23788.818359375,
+ "y": 18807.77734375,
+ "width": 63.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18060",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23902.125,
+ "y": 18803.5,
+ "width": 76,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23902.5703125,
+ "y": 18807.77734375,
+ "width": 74.142578125,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18061",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24027.375,
+ "y": 18803.5,
+ "width": 44,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24028.419921875,
+ "y": 18808.681640625,
+ "width": 41.486328125,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18062",
+ "name": "li#menu-item-212908",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18063",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18064",
+ "name": "Company",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 91,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24120.833984375,
+ "y": 18808.4921875,
+ "width": 88.966796875,
+ "height": 17.89453125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Company",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18065",
+ "name": "a:after",
+ "type": "IMAGE",
+ "url": "@/assets/a-after-728-18065.svg",
+ "absoluteBoundingBox": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "absoluteRenderBounds": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 9.109375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingTop": 14.5,
+ "paddingBottom": 14.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18068",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18069",
+ "name": "Sign in",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24348.046875,
+ "y": 18807,
+ "width": 51,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24348.55859375,
+ "y": 18809.376953125,
+ "width": 48.994140625,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign in",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 20.953125,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#4335DE",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 120,
+ "paddingRight": 120,
+ "paddingTop": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 410.8125,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 6102.484375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 6102.484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "exportSettings": [
+ {
+ "suffix": "",
+ "format": "PNG",
+ "constraint": {
+ "type": "SCALE",
+ "value": 1
+ }
+ }
+ ],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "thumbnailUrl": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7723eb6b-c660-4b73-ac38-dee64669503b",
+ "inlineStyles": {}
+}
\ No newline at end of file
diff --git a/examples/skill-demo/process/protocol.json b/examples/skill-demo/process/protocol.json
new file mode 100644
index 0000000..82ef0a8
--- /dev/null
+++ b/examples/skill-demo/process/protocol.json
@@ -0,0 +1,10853 @@
+{
+ "id": "CertoLandingPage",
+ "data": {
+ "name": "CertoLandingPage",
+ "purpose": "Main landing page wrapper",
+ "layout": {
+ "boundingBox": {
+ "top": 18765,
+ "left": 23100,
+ "width": 1440,
+ "height": 6102
+ },
+ "relativeBoundingBox": {
+ "top": 0,
+ "left": 0,
+ "width": 1440,
+ "height": 6102
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17674",
+ "name": "nav:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ },
+ {
+ "id": "728:18045",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18046",
+ "name": "div:before",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(0deg, #E7EFFA 0%, rgba(255, 255, 255, 0.00) 100%)"
+ }
+ },
+ {
+ "id": "728:18047",
+ "name": "logo.svg",
+ "type": "IMAGE",
+ "url": "@/assets/logo-svg-728-18047.svg",
+ "absoluteBoundingBox": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18057",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18058",
+ "name": "ul#menu-main",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18059",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18803.5,
+ "width": 66,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23788.818359375,
+ "y": 18807.77734375,
+ "width": 63.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18060",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23902.125,
+ "y": 18803.5,
+ "width": 76,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23902.5703125,
+ "y": 18807.77734375,
+ "width": 74.142578125,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18061",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24027.375,
+ "y": 18803.5,
+ "width": 44,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24028.419921875,
+ "y": 18808.681640625,
+ "width": 41.486328125,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18062",
+ "name": "li#menu-item-212908",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18063",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18064",
+ "name": "Company",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 91,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24120.833984375,
+ "y": 18808.4921875,
+ "width": 88.966796875,
+ "height": 17.89453125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Company",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18065",
+ "name": "a:after",
+ "type": "IMAGE",
+ "url": "@/assets/a-after-728-18065.svg",
+ "absoluteBoundingBox": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "absoluteRenderBounds": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 9.109375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingTop": 14.5,
+ "paddingBottom": 14.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18068",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18069",
+ "name": "Sign in",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24348.046875,
+ "y": 18807,
+ "width": 51,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24348.55859375,
+ "y": 18809.376953125,
+ "width": 48.994140625,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign in",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 20.953125,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#4335DE",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 120,
+ "paddingRight": 120,
+ "paddingTop": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 410.8125,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ }
+ ],
+ "kebabName": "certo-landing-page",
+ "path": "@/components"
+ },
+ "children": [
+ {
+ "id": "Header",
+ "data": {
+ "name": "Header",
+ "purpose": "Navigation bar with logo and menu",
+ "layout": {
+ "boundingBox": {
+ "top": 18765,
+ "left": 23100,
+ "width": 1440,
+ "height": 102
+ },
+ "relativeBoundingBox": {
+ "top": 0,
+ "left": 0,
+ "width": 1440,
+ "height": 102
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17674",
+ "name": "nav:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ },
+ {
+ "id": "728:18045",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18046",
+ "name": "div:before",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(0deg, #E7EFFA 0%, rgba(255, 255, 255, 0.00) 100%)"
+ }
+ },
+ {
+ "id": "728:18047",
+ "name": "logo.svg",
+ "type": "IMAGE",
+ "url": "@/assets/logo-svg-728-18047.svg",
+ "absoluteBoundingBox": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18057",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18058",
+ "name": "ul#menu-main",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18059",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18803.5,
+ "width": 66,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23788.818359375,
+ "y": 18807.77734375,
+ "width": 63.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18060",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23902.125,
+ "y": 18803.5,
+ "width": 76,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23902.5703125,
+ "y": 18807.77734375,
+ "width": 74.142578125,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18061",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24027.375,
+ "y": 18803.5,
+ "width": 44,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24028.419921875,
+ "y": 18808.681640625,
+ "width": 41.486328125,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18062",
+ "name": "li#menu-item-212908",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18063",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18064",
+ "name": "Company",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 91,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24120.833984375,
+ "y": 18808.4921875,
+ "width": 88.966796875,
+ "height": 17.89453125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Company",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18065",
+ "name": "a:after",
+ "type": "IMAGE",
+ "url": "@/assets/a-after-728-18065.svg",
+ "absoluteBoundingBox": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "absoluteRenderBounds": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 9.109375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingTop": 14.5,
+ "paddingBottom": 14.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18068",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18069",
+ "name": "Sign in",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24348.046875,
+ "y": 18807,
+ "width": 51,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24348.55859375,
+ "y": 18809.376953125,
+ "width": 48.994140625,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign in",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 20.953125,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#4335DE",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 120,
+ "paddingRight": 120,
+ "paddingTop": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 410.8125,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ }
+ ],
+ "kebabName": "header",
+ "path": "@/components/header"
+ },
+ "children": []
+ },
+ {
+ "id": "HeroSection",
+ "data": {
+ "name": "HeroSection",
+ "purpose": "Hero area with main value proposition and illustration",
+ "layout": {
+ "boundingBox": {
+ "top": 18867,
+ "left": 23100,
+ "width": 1440,
+ "height": 708
+ },
+ "relativeBoundingBox": {
+ "top": 102,
+ "left": 0,
+ "width": 1440,
+ "height": 708
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17675",
+ "name": "header",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17676",
+ "name": "bg-circle.svg",
+ "type": "IMAGE",
+ "url": "@/assets/bg-circle-svg-728-17676.svg",
+ "absoluteBoundingBox": {
+ "x": 21300,
+ "y": 18690,
+ "width": 3600,
+ "height": 1770
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17679",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17679.png",
+ "absoluteBoundingBox": {
+ "x": 23892,
+ "y": 18961.1875,
+ "width": 720,
+ "height": 720
+ },
+ "absoluteRenderBounds": {
+ "x": 23870.40625,
+ "y": 18936,
+ "width": 669.59375,
+ "height": 639
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17682",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17683",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17684",
+ "name": "h1",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17685",
+ "name": "Your mobile privacy is our mission",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 595.2000122070312,
+ "height": 150
+ },
+ "absoluteRenderBounds": {
+ "x": 23293.12890625,
+ "y": 19014.2578125,
+ "width": 563.5703125,
+ "height": 122.109375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Your mobile privacy is our mission",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 60,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -1.2000000476837158,
+ "lineHeightPx": 75,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 8.29998779296875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 603.5,
+ "height": 150
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 603.5,
+ "height": 150
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17686",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17687",
+ "name": "Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19203.75,
+ "width": 597.8875122070312,
+ "height": 82
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.966796875,
+ "y": 19206.75,
+ "width": 578.419921875,
+ "height": 75.255859375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "fontSize": 20,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 123.94367218017578,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19199.75,
+ "width": 603.5,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19199.75,
+ "width": 603.5,
+ "height": 90
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17688",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17689",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17690",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17691",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17692",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 19405.02734375,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17693",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17693.svg",
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 19406,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 19406,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17696",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17697",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23628.65625,
+ "y": 19401.75,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23629.552734375,
+ "y": 19405.02734375,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 48,
+ "paddingBottom": 24,
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 612.25,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 603.5,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19289.75,
+ "width": 603.5,
+ "height": 150.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19289.75,
+ "width": 603.5,
+ "height": 150.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 633.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 633.5,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17698",
+ "name": "figure",
+ "type": "IMAGE",
+ "url": "@/assets/figure-728-17698.png",
+ "absoluteBoundingBox": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 196,
+ "itemSpacing": 15,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 1086,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 1086,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "kebabName": "hero-section",
+ "path": "@/components/hero-section"
+ },
+ "children": []
+ },
+ {
+ "id": "TrustSection",
+ "data": {
+ "name": "TrustSection",
+ "purpose": "Social proof with reviews and logos",
+ "layout": {
+ "boundingBox": {
+ "top": 19575,
+ "left": 23100,
+ "width": 1440,
+ "height": 803
+ },
+ "relativeBoundingBox": {
+ "top": 810,
+ "left": 0,
+ "width": 1440,
+ "height": 803
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17701",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17702",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17703",
+ "name": "Loved by thousands of iPhone and Android users alike",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19658,
+ "width": 563.4187622070312,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23197.060546875,
+ "y": 19666.10546875,
+ "width": 511.71484375,
+ "height": 73.265625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Loved by thousands of iPhone and Android users alike",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 36,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 45.58123779296875,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19658,
+ "width": 609,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23196,
+ "y": 19658,
+ "width": 609,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17704",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17705",
+ "name": "Featured in:",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 20230.484375,
+ "width": 129,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23197.265625,
+ "y": 20235.662109375,
+ "width": 126.353515625,
+ "height": 18.06640625
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Featured in:",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17706",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17706.svg",
+ "absoluteBoundingBox": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "width": 1045.75,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "width": 1045.75,
+ "height": 95
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 20198.984375,
+ "width": 1248,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23196,
+ "y": 20198.984375,
+ "width": 1248,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17775",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17776",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17777",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17778",
+ "name": "My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 22808,
+ "y": 19906.984375,
+ "width": 314.85626220703125,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19911.484375,
+ "width": 14.2578125,
+ "height": 113.36328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 14,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 118.04158782958984,
+ "lineHeightPercentFontSize": 142.85714721679688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 49.14373779296875,
+ "paddingTop": 85.984375,
+ "paddingBottom": 100,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 22772,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 104,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17779",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17780",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17780.svg",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17796",
+ "name": "Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19906.984375,
+ "width": 312.46563720703125,
+ "height": 80
+ },
+ "absoluteRenderBounds": {
+ "x": 23232.818359375,
+ "y": 19910.984375,
+ "width": 299.689453125,
+ "height": 75.2734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17797",
+ "name": "colinandmandy94",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20010.984375,
+ "width": 136,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23232.51171875,
+ "y": 20014.361328125,
+ "width": 134.21875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "colinandmandy94",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 96,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23188,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17798",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17799",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17799.svg",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23656,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17815",
+ "name": "Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19906.984375,
+ "width": 318.79376220703125,
+ "height": 140
+ },
+ "absoluteRenderBounds": {
+ "x": 23656.544921875,
+ "y": 19910.802734375,
+ "width": 316.197265625,
+ "height": 135.63671875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17816",
+ "name": "Jennifer Black",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 20070.984375,
+ "width": 107,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23656.255859375,
+ "y": 20074.361328125,
+ "width": 105.837890625,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Jennifer Black",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 36,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23620,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23612,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17817",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17818",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17818.svg",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24080,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17834",
+ "name": "This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19906.984375,
+ "width": 313.10626220703125,
+ "height": 80
+ },
+ "absoluteRenderBounds": {
+ "x": 24080.544921875,
+ "y": 19910.802734375,
+ "width": 309.837890625,
+ "height": 75.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17835",
+ "name": "Phillip Colligan",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 20010.984375,
+ "width": 111,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24080.826171875,
+ "y": 20014.361328125,
+ "width": 108.98828125,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Phillip Colligan",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 96,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24044,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24036,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17836",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17837",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17837.svg",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24504,
+ "y": 19857,
+ "width": 36,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17844",
+ "name": "I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19906.984375,
+ "width": 322.91876220703125,
+ "height": 140
+ },
+ "absoluteRenderBounds": {
+ "x": 24504.46875,
+ "y": 19910.564453125,
+ "width": 35.53125,
+ "height": 134.083984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17845",
+ "name": "Leslie Carrillo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 20070.984375,
+ "width": 102,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24504.826171875,
+ "y": 20074.361328125,
+ "width": 35.173828125,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Leslie Carrillo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 36,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24468,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24460,
+ "y": 19813,
+ "width": 80,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 22348,
+ "y": 19821,
+ "width": 1248,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 1440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 848,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 22348,
+ "y": 19821,
+ "width": 2096,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 1440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 802.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 802.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #F7C95F 0%, #FDB235 100%)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "kebabName": "trust-section",
+ "path": "@/components/trust-section"
+ },
+ "children": []
+ },
+ {
+ "id": "PhilosophySection",
+ "data": {
+ "name": "PhilosophySection",
+ "purpose": "Company philosophy statement with image",
+ "layout": {
+ "boundingBox": {
+ "top": 20378,
+ "left": 23100,
+ "width": 1440,
+ "height": 664
+ },
+ "relativeBoundingBox": {
+ "top": 1613,
+ "left": 0,
+ "width": 1440,
+ "height": 664
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17846",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17847",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17848",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17849",
+ "name": "At Certo, mobile security is not an afterthought, it’s what we do.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20463.984375,
+ "width": 446.40313720703125,
+ "height": 130
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.537109375,
+ "y": 20469.08984375,
+ "width": 436.09765625,
+ "height": 118.27734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "At Certo, mobile security is not an afterthought, it’s what we do.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "fontSize": 36,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17850",
+ "name": "With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20636.984375,
+ "width": 448.23126220703125,
+ "height": 112
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.42578125,
+ "y": 20639.7578125,
+ "width": 445.404296875,
+ "height": 109.318359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "fontSize": 20,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 123.94367218017578,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17851",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17852",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17853",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17854",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 20844.26171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17855",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17855.svg",
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17858",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17859",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20919.484375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 20922.76171875,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20903.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20903.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 223.34375,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 492,
+ "height": 157
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 492,
+ "height": 157
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 588,
+ "height": 496
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 588,
+ "height": 520
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17860",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17860.png",
+ "absoluteBoundingBox": {
+ "x": 23880,
+ "y": 20475.984375,
+ "width": 468,
+ "height": 468
+ },
+ "absoluteRenderBounds": {
+ "x": 23880,
+ "y": 20468.96875,
+ "width": 489.046875,
+ "height": 482.03125
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 60,
+ "itemSpacing": 60,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 1176,
+ "height": 496
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 1176,
+ "height": 520
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 132,
+ "paddingRight": 132,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 20377.984375,
+ "width": 1440,
+ "height": 664
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 20377.984375,
+ "width": 1440,
+ "height": 664
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#FFF"
+ }
+ }
+ ],
+ "kebabName": "philosophy-section",
+ "path": "@/components/philosophy-section"
+ },
+ "children": []
+ },
+ {
+ "id": "FeaturesGrid",
+ "data": {
+ "name": "FeaturesGrid",
+ "purpose": "Grid of key features and benefits",
+ "layout": {
+ "boundingBox": {
+ "top": 21042,
+ "left": 23100,
+ "width": 1440,
+ "height": 1202
+ },
+ "relativeBoundingBox": {
+ "top": 2277,
+ "left": 0,
+ "width": 1440,
+ "height": 1202
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17863",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17864",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17865",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17866",
+ "name": "Get your freedom back, stop mobile spyware today",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23450.5,
+ "y": 21124.984375,
+ "width": 739.1843872070312,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23518.48828125,
+ "y": 21133.08984375,
+ "width": 604.41796875,
+ "height": 80.2578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get your freedom back, stop mobile spyware today",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 36,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 50.5,
+ "paddingRight": 50.31561279296875,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21124.984375,
+ "width": 840,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23400,
+ "y": 21124.984375,
+ "width": 840,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17867",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17868",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17869",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17870",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17870.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17872",
+ "name": "Spyware detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23486.71875,
+ "y": 21455.984375,
+ "width": 171,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23487.69921875,
+ "y": 21460.26171875,
+ "width": 168.6953125,
+ "height": 18.609375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Spyware detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17873",
+ "name": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23473.859375,
+ "y": 21504.984375,
+ "width": 196.4812469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.8984375,
+ "y": 21511.189453125,
+ "width": 172.544921875,
+ "height": 111.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17874",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17875",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17875.png",
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17877",
+ "name": "Keylogger detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23727.921875,
+ "y": 21455.984375,
+ "width": 184,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23729.224609375,
+ "y": 21460.26171875,
+ "width": 181.451171875,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Keylogger detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17878",
+ "name": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23727.828125,
+ "y": 21504.984375,
+ "width": 184.5437469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23729.865234375,
+ "y": 21510.734375,
+ "width": 180.17578125,
+ "height": 110.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17879",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17880",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17880.png",
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17882",
+ "name": "Find tracking apps",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23985.03125,
+ "y": 21455.984375,
+ "width": 167,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23986.095703125,
+ "y": 21460.26171875,
+ "width": 165.33984375,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find tracking apps",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17883",
+ "name": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23969.28125,
+ "y": 21504.984375,
+ "width": 197.6218719482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23977.044921875,
+ "y": 21510.984375,
+ "width": 181.416015625,
+ "height": 111.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17884",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17885",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17885.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17887",
+ "name": "OS integrity check",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23487.40625,
+ "y": 21792.984375,
+ "width": 168,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23488.73828125,
+ "y": 21797.26171875,
+ "width": 166.248046875,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "OS integrity check",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17888",
+ "name": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23475.515625,
+ "y": 21841.984375,
+ "width": 193.1531219482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.353515625,
+ "y": 21847.984375,
+ "width": 172.66015625,
+ "height": 111.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17889",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17890",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17890.png",
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17892",
+ "name": "Threat removal",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23751.46875,
+ "y": 21792.984375,
+ "width": 137,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23752.1171875,
+ "y": 21798.166015625,
+ "width": 135.244140625,
+ "height": 14.021484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Threat removal",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17893",
+ "name": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23720.859375,
+ "y": 21841.984375,
+ "width": 198.4812469482422,
+ "height": 96
+ },
+ "absoluteRenderBounds": {
+ "x": 23721.65234375,
+ "y": 21847.734375,
+ "width": 196.919921875,
+ "height": 83.419921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17894",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17895",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17895.png",
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17897",
+ "name": "Easy to use",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24018.921875,
+ "y": 21792.984375,
+ "width": 98,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24020.26953125,
+ "y": 21798.892578125,
+ "width": 95.689453125,
+ "height": 16.7734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Easy to use",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17898",
+ "name": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23968.984375,
+ "y": 21841.984375,
+ "width": 198.2156219482422,
+ "height": 96
+ },
+ "absoluteRenderBounds": {
+ "x": 23973.30859375,
+ "y": 21848.34765625,
+ "width": 190.0234375,
+ "height": 83.841796875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 696,
+ "height": 602
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 696,
+ "height": 602
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17899",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17900",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17901",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17902",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23571.875,
+ "y": 22049.984375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23573.076171875,
+ "y": 22053.26171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17903",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17903.svg",
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 2,
+ "paddingRight": 2.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17906",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17907",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23864.53125,
+ "y": 22049.984375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23865.482421875,
+ "y": 22053.26171875,
+ "width": 199.955078125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 22,
+ "paddingRight": 23.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 564.25,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 564.25,
+ "height": 78.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21287.984375,
+ "width": 840,
+ "height": 872.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23392,
+ "y": 21279.984375,
+ "width": 880,
+ "height": 912.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21125.984375,
+ "width": 840,
+ "height": 1034.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23392,
+ "y": 21124.984375,
+ "width": 880,
+ "height": 1067.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 300,
+ "paddingRight": 300,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 21041.984375,
+ "width": 1440,
+ "height": 1202.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 21041.984375,
+ "width": 1440,
+ "height": 1202.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #F3F8FF 0%, #E7EFFA 100%)"
+ }
+ }
+ ],
+ "kebabName": "features-grid",
+ "path": "@/components/features-grid",
+ "states": [
+ {
+ "state": [
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-1.svg",
+ "title": "Spyware detection",
+ "description": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-2.svg",
+ "title": "Keylogger detection",
+ "description": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords)."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-3.svg",
+ "title": "Find tracking apps",
+ "description": "Check which apps have access to your location, microphone or camera. Get alerted if a known tracking app is installed."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-4.svg",
+ "title": "OS integrity check",
+ "description": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-5.svg",
+ "title": "Threat removal",
+ "description": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-6.svg",
+ "title": "Easy to use",
+ "description": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes."
+ }
+ ],
+ "componentName": "FeatureCard",
+ "componentPath": "@/components/feature-card"
+ }
+ ]
+ },
+ "children": [
+ {
+ "id": "FeatureCard",
+ "data": {
+ "name": "FeatureCard",
+ "componentName": "FeatureCard",
+ "purpose": "Feature item: Spyware detection",
+ "layout": {
+ "boundingBox": {
+ "top": 21360,
+ "left": 23472,
+ "width": 200,
+ "height": 265
+ },
+ "relativeBoundingBox": {
+ "top": 318,
+ "left": 372,
+ "width": 200,
+ "height": 265
+ },
+ "spacing": {
+ "next": 48
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17869",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17870",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17870.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17872",
+ "name": "Spyware detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23486.71875,
+ "y": 21455.984375,
+ "width": 171,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23487.69921875,
+ "y": 21460.26171875,
+ "width": 168.6953125,
+ "height": 18.609375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Spyware detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17873",
+ "name": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23473.859375,
+ "y": 21504.984375,
+ "width": 196.4812469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.8984375,
+ "y": 21511.189453125,
+ "width": 172.544921875,
+ "height": 111.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "kebabName": "feature-card",
+ "componentPath": "@/components/feature-card",
+ "props": [
+ {
+ "name": "iconSrc",
+ "type": "string",
+ "example": "@/assets/FeatureCard-icon-1.svg"
+ },
+ {
+ "name": "title",
+ "type": "string",
+ "example": "Spyware detection"
+ },
+ {
+ "name": "description",
+ "type": "string",
+ "example": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software."
+ }
+ ]
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "id": "ResourcesSection",
+ "data": {
+ "name": "ResourcesSection",
+ "purpose": "Helpful resources and story links",
+ "layout": {
+ "boundingBox": {
+ "top": 22244,
+ "left": 23100,
+ "width": 1440,
+ "height": 464
+ },
+ "relativeBoundingBox": {
+ "top": 3479,
+ "left": 0,
+ "width": 1440,
+ "height": 464
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17908",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17909",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17910",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17911",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17912",
+ "name": "Read our story",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 160,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23449.265625,
+ "y": 22381.7578125,
+ "width": 157.900390625,
+ "height": 21.431640625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Read our story",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 204,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 364,
+ "height": 31
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 364,
+ "height": 31
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17913",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17914",
+ "name": "Find out why thousands trust Certo to secure their mobile world.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 358.82501220703125,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23448.5,
+ "y": 22436.484375,
+ "width": 341.828125,
+ "height": 36.181640625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Find out why thousands trust Certo to secure their mobile world.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 5.17498779296875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 364,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 364,
+ "height": 48
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17915",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17916",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17917",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17918",
+ "name": "About us",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 68,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23468.3515625,
+ "y": 22545.576171875,
+ "width": 66.515625,
+ "height": 11.068359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "About us",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17919",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17919.svg",
+ "absoluteBoundingBox": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "width": 16,
+ "height": 11
+ },
+ "absoluteRenderBounds": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "width": 16,
+ "height": 11
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 0.671875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 68.671875,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 92.671875,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 44,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22526.484375,
+ "width": 132.671875,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22526.484375,
+ "width": 132.671875,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#4335DE",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 231.328125,
+ "paddingTop": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22478.484375,
+ "width": 364,
+ "height": 98
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22478.484375,
+ "width": 364,
+ "height": 98
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 22328.484375,
+ "width": 460,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23400,
+ "y": 22328.484375,
+ "width": 460,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "background": "linear-gradient(180deg, #F7C95F 0%, #FDB235 100%)"
+ }
+ },
+ {
+ "id": "728:17922",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17923",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17924",
+ "name": "Help Center",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 131,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23981.265625,
+ "y": 22381.529296875,
+ "width": 129.28125,
+ "height": 21.66015625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help Center",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 81,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 212,
+ "height": 31
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 212,
+ "height": 31
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17925",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17926",
+ "name": "Help topics, getting started guides and FAQs.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 196.0281219482422,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23980.841796875,
+ "y": 22436.484375,
+ "width": 188.056640625,
+ "height": 39.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help topics, getting started guides and FAQs.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 15.971878051757812,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 212,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 212,
+ "height": 48
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17927",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17928",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17929",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17930",
+ "name": "Visit help center",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24000,
+ "y": 22542.484375,
+ "width": 123,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24000.3515625,
+ "y": 22544.861328125,
+ "width": 121.66796875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Visit help center",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 21.875,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 164.875,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 164.875,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 71.125,
+ "paddingBottom": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 236,
+ "height": 74
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 212,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22478.484375,
+ "width": 212,
+ "height": 98
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22478.484375,
+ "width": 212,
+ "height": 98
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23932,
+ "y": 22328.484375,
+ "width": 308,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23932,
+ "y": 22328.484375,
+ "width": 308,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "itemSpacing": 72,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23364,
+ "y": 22328.484375,
+ "width": 912,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23364,
+ "y": 22328.484375,
+ "width": 912,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 264,
+ "paddingRight": 264,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 22244.484375,
+ "width": 1440,
+ "height": 464
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 22244.484375,
+ "width": 1440,
+ "height": 464
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#FFF"
+ }
+ }
+ ],
+ "kebabName": "resources-section",
+ "path": "@/components/resources-section"
+ },
+ "children": []
+ },
+ {
+ "id": "SpyingCTA",
+ "data": {
+ "name": "SpyingCTA",
+ "purpose": "Call to action banner",
+ "layout": {
+ "boundingBox": {
+ "top": 22708,
+ "left": 23100,
+ "width": 1440,
+ "height": 408
+ },
+ "relativeBoundingBox": {
+ "top": 3943,
+ "left": 0,
+ "width": 1440,
+ "height": 408
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17931",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17932",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17933",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17934",
+ "name": "Is someone spying on your phone?",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23540.34375,
+ "y": 22792.484375,
+ "width": 559,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23542.431640625,
+ "y": 22801.138671875,
+ "width": 555.16015625,
+ "height": 33.6875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Is someone spying on your phone?",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 34,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 109.36205291748047,
+ "lineHeightPercentFontSize": 132.35293579101562,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17935",
+ "name": "Find out with Certo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23737.171875,
+ "y": 22887.484375,
+ "width": 164,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23738.8515625,
+ "y": 22895.984375,
+ "width": 161.302734375,
+ "height": 13.705078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find out with Certo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 137.71517944335938,
+ "lineHeightPercentFontSize": 166.6666717529297,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23460,
+ "y": 22792.484375,
+ "width": 720,
+ "height": 125
+ },
+ "absoluteRenderBounds": {
+ "x": 23460,
+ "y": 22792.484375,
+ "width": 720,
+ "height": 125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17936",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17937",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17938",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17939",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23570.771484375,
+ "y": 22996.76171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17940",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17940.svg",
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17943",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17944",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23862.53125,
+ "y": 22993.484375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23863.427734375,
+ "y": 22996.76171875,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #FFF",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 89.875,
+ "paddingRight": 113.875,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23460,
+ "y": 22977.484375,
+ "width": 744,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23460,
+ "y": 22977.484375,
+ "width": 744,
+ "height": 78.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23445,
+ "y": 22792.484375,
+ "width": 750,
+ "height": 239.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23445,
+ "y": 22792.484375,
+ "width": 759,
+ "height": 263.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 345,
+ "paddingRight": 345,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 22708.484375,
+ "width": 1440,
+ "height": 407.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 22708.484375,
+ "width": 1440,
+ "height": 407.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #2925CC 0%, #4B48E5 100%)"
+ }
+ }
+ ],
+ "kebabName": "spying-cta",
+ "path": "@/components/spying-cta"
+ },
+ "children": []
+ },
+ {
+ "id": "LatestInsights",
+ "data": {
+ "name": "LatestInsights",
+ "purpose": "Recent blog posts and articles",
+ "layout": {
+ "boundingBox": {
+ "top": 23116,
+ "left": 23100,
+ "width": 1440,
+ "height": 976
+ },
+ "relativeBoundingBox": {
+ "top": 4351,
+ "left": 0,
+ "width": 1440,
+ "height": 976
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17945",
+ "name": "aside",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17946",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17947",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17948",
+ "name": "Latest insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23622.078125,
+ "y": 23199.984375,
+ "width": 396,
+ "height": 75
+ },
+ "absoluteRenderBounds": {
+ "x": 23625.634765625,
+ "y": 23214.591796875,
+ "width": 390.263671875,
+ "height": 55.484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Latest insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 56,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -1.2000000476837158,
+ "lineHeightPx": 75,
+ "lineHeightPercent": 110.66398620605469,
+ "lineHeightPercentFontSize": 133.92857360839844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 330.078125,
+ "paddingRight": 329.921875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 75
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 75
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17949",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17950",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17951",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17952",
+ "name": "View all insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 155,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23715.791015625,
+ "y": 23972.26171875,
+ "width": 153.22265625,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "View all insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17953",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17953.svg",
+ "absoluteBoundingBox": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 155,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 186.0625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 51.0625,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "width": 226.0625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "width": 226.0625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 417.96875,
+ "paddingRight": 441.96875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 23952.984375,
+ "width": 1086,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 23952.984375,
+ "width": 1086,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17956",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17957",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17958",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17958.png",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ },
+ {
+ "id": "728:17965",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17965.png",
+ "absoluteBoundingBox": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ },
+ {
+ "id": "728:17972",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17972.png",
+ "absoluteBoundingBox": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 807.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 23199.984375,
+ "width": 1086,
+ "height": 807.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 192,
+ "paddingRight": 192,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 23115.984375,
+ "width": 1440,
+ "height": 975.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 23115.984375,
+ "width": 1440,
+ "height": 975.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "kebabName": "latest-insights",
+ "path": "@/components/latest-insights",
+ "states": [
+ {
+ "state": [
+ {
+ "imageSrc": "@/assets/InsightCard-image-1.png",
+ "tag": "Guides",
+ "title": "The 6 Best Apps to Track Your Children (And Why)",
+ "date": "August 20, 2024",
+ "description": "These are the top apps for tracking your children. We also discuss why you should, or shouldn't track your kids."
+ },
+ {
+ "imageSrc": "@/assets/InsightCard-image-2.png",
+ "tag": "Expertise",
+ "title": "How to Hack a Phone: It’s Easier Than You Think",
+ "date": "August 20, 2024",
+ "description": "Phone hacking is a real threat and it can happen to anyone. Here's how it works and how to protect yourself."
+ },
+ {
+ "imageSrc": "@/assets/InsightCard-image-3.png",
+ "tag": "Guides",
+ "title": "5 Ways to Find Hidden Spy Apps on Your Phone",
+ "date": "August 20, 2024",
+ "description": "Think someone is spying on you? Here are 5 simple ways to find hidden spy apps on your iPhone or Android."
+ }
+ ],
+ "componentName": "InsightCard",
+ "componentPath": "@/components/insight-card"
+ }
+ ]
+ },
+ "children": [
+ {
+ "id": "InsightCard",
+ "data": {
+ "name": "InsightCard",
+ "componentName": "InsightCard",
+ "purpose": "Blog post card",
+ "layout": {
+ "boundingBox": {
+ "top": 23347,
+ "left": 23292,
+ "width": 320,
+ "height": 534
+ },
+ "relativeBoundingBox": {
+ "top": 231,
+ "left": 192,
+ "width": 320,
+ "height": 534
+ },
+ "spacing": {
+ "next": 48
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17958",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17958.png",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ }
+ ],
+ "kebabName": "insight-card",
+ "componentPath": "@/components/insight-card",
+ "props": [
+ {
+ "name": "imageSrc",
+ "type": "string",
+ "example": "@/assets/InsightCard-image-1.png"
+ },
+ {
+ "name": "tag",
+ "type": "string",
+ "example": "Guides"
+ },
+ {
+ "name": "title",
+ "type": "string",
+ "example": "The 6 Best Apps to Track Your Children (And Why)"
+ },
+ {
+ "name": "date",
+ "type": "string",
+ "example": "August 20, 2024"
+ },
+ {
+ "name": "description",
+ "type": "string",
+ "example": "These are the top apps for tracking your children..."
+ }
+ ]
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "id": "Footer",
+ "data": {
+ "name": "Footer",
+ "purpose": "Site footer with links and copyright",
+ "layout": {
+ "boundingBox": {
+ "top": 24091,
+ "left": 23100,
+ "width": 1440,
+ "height": 776
+ },
+ "relativeBoundingBox": {
+ "top": 5326,
+ "left": 0,
+ "width": 1440,
+ "height": 776
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17979",
+ "name": "footer",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17980",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17981",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17982",
+ "name": "Scan. Detect. Remove.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24186.484375,
+ "width": 254,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.783203125,
+ "y": 24192.529296875,
+ "width": 251.068359375,
+ "height": 17.19921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Scan. Detect. Remove.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17983",
+ "name": "ul",
+ "type": "IMAGE",
+ "url": "@/assets/ul-728-17983.svg",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 348,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 348,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17993",
+ "name": "ul#menu-secondary-menu-1",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17994",
+ "name": "Privacy Policy",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24353.484375,
+ "width": 73,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24357.234375,
+ "width": 72.15625,
+ "height": 11.1875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Privacy Policy",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17995",
+ "name": "Terms of Service",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23390.5625,
+ "y": 24353.484375,
+ "width": 88,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23390.5625,
+ "y": 24357.109375,
+ "width": 87.681640625,
+ "height": 11.3125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Terms of Service",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 149.4375,
+ "paddingTop": 4,
+ "paddingBottom": 13,
+ "itemSpacing": 25.5625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24349.484375,
+ "width": 336,
+ "height": 32
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24349.484375,
+ "width": 336,
+ "height": 32
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 312,
+ "height": 182
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 348,
+ "height": 194
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17996",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17997",
+ "name": "Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 306.05938720703125,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.65625,
+ "y": 24418.90625,
+ "width": 294.30078125,
+ "height": 27.953125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17998",
+ "name": "Designed & developed by Bigger Picture",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24465.484375,
+ "width": 209,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.96875,
+ "y": 24469.234375,
+ "width": 207.896484375,
+ "height": 11.1875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Designed & developed by Bigger Picture",
+ "characterStyleOverrides": [
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2
+ ],
+ "styleOverrideTable": {
+ "2": {
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11
+ },
+ "3": {
+ "fontSize": 11
+ }
+ },
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 5.94061279296875,
+ "itemSpacing": 18,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 312,
+ "height": 63
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 312,
+ "height": 63
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17999",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18000",
+ "name": "p",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18001",
+ "name": "Certo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 99,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23665.65234375,
+ "y": 24196.681640625,
+ "width": 95.837890625,
+ "height": 26.17578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Certo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 35,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 106.23743438720703,
+ "lineHeightPercentFontSize": 128.57142639160156,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "individualStrokeWeights": {
+ "top": 0,
+ "right": 0,
+ "bottom": 1,
+ "left": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 89,
+ "paddingBottom": 25,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 70
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 70
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "border": "1px solid #FFF"
+ }
+ },
+ {
+ "id": "728:18002",
+ "name": "ul#menu-footer-menu",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18003",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18004",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18004.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24319.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24319.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18007",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24317.484375,
+ "width": 64,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23709.005859375,
+ "y": 24321.76171875,
+ "width": 61.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 80,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18008",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18009",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18009.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24368.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24368.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18012",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24366.484375,
+ "width": 74,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.4453125,
+ "y": 24370.76171875,
+ "width": 71.7421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 70,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24366.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24366.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18013",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18014",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18014.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24417.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24417.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18017",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24415.484375,
+ "width": 43,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23709.044921875,
+ "y": 24420.666015625,
+ "width": 40.28515625,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 101,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24415.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24415.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18018",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18019",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18019.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24466.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24466.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18022",
+ "name": "About",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24464.484375,
+ "width": 57,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.4453125,
+ "y": 24469.666015625,
+ "width": 55.693359375,
+ "height": 14.021484375
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "About",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 87,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24464.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24464.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18023",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18024",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18024.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24515.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24515.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18027",
+ "name": "Insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24513.484375,
+ "width": 70,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.990234375,
+ "y": 24518.537109375,
+ "width": 68.048828125,
+ "height": 17.833984375
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 74,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24513.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24513.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 221
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 221.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 60,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 351
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 351.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18028",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18029",
+ "name": "form#newsletter-signup-footer-form",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18030",
+ "name": "form#newsletter-signup-footer-form:before",
+ "type": "IMAGE",
+ "url": "@/assets/form-newsletter-signup-footer-form-before-728-18030.svg",
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18033",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18034",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18035",
+ "name": "Sign up to our newsletter",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 274,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23948.783203125,
+ "y": 24227.662109375,
+ "width": 272.65625,
+ "height": 22.7890625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign up to our newsletter",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18036",
+ "name": "Receive the latest mobile security news, exclusive discounts & offers straight to your inbox!",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24273.484375,
+ "width": 358.15313720703125,
+ "height": 40
+ },
+ "absoluteRenderBounds": {
+ "x": 23948.767578125,
+ "y": 24277.234375,
+ "width": 352.68359375,
+ "height": 34.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Receive the latest mobile security news, exclusive discounts & offers straight to your inbox!",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 5.84686279296875,
+ "itemSpacing": 21,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18037",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18038",
+ "name": "input#newsletter-email",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18039",
+ "name": "div#placeholder",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18040",
+ "name": "Email address",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "opacity": 0.5,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 99,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23965.3203125,
+ "y": 24360.234375,
+ "width": 96.55078125,
+ "height": 11.44140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Email address",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18.15340805053711,
+ "lineHeightPercent": 100,
+ "lineHeightUnit": "INTRINSIC_%"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 123.796875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 222.796875,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 222.796875,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 254.796875,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 254.796875,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "21px 0px 0px 21px",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:18041",
+ "name": "button",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18042",
+ "name": "Submit",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24230.03125,
+ "y": 24357.484375,
+ "width": 54.91875076293945,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24231.4375,
+ "y": 24359.861328125,
+ "width": 52.263671875,
+ "height": 11.783203125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Submit",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18.399999618530273,
+ "lineHeightPercent": 101.3583755493164,
+ "lineHeightPercentFontSize": 122.66666412353516,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "width": 109.1875,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "width": 109.1875,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "0px 21px 21px 0px",
+ "background": "#02033B"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 364,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 364,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 36,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 161.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 161.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 35,
+ "paddingBottom": 36,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 351
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 351
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:18043",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "width": 315.96875,
+ "height": 104
+ },
+ "absoluteRenderBounds": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "width": 315.96875,
+ "height": 104
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "12px",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:18044",
+ "name": "Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24726.484375,
+ "width": 549.8562622070312,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.306640625,
+ "y": 24729.34765625,
+ "width": 538.671875,
+ "height": 41.728515625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 12,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 1056,
+ "height": 584
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 1056,
+ "height": 584
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 192,
+ "paddingRight": 192,
+ "paddingTop": 96,
+ "paddingBottom": 96,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 24091.484375,
+ "width": 1440,
+ "height": 776
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 24091.484375,
+ "width": 1440,
+ "height": 776
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#02033B",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "kebabName": "footer",
+ "path": "@/components/footer"
+ },
+ "children": []
+ }
+ ]
+}
\ No newline at end of file
diff --git a/examples/skill-demo/process/thumbnail.png b/examples/skill-demo/process/thumbnail.png
new file mode 100644
index 0000000..d95c5ba
Binary files /dev/null and b/examples/skill-demo/process/thumbnail.png differ
diff --git a/examples/skill-demo/scripts/FeatureCard-prompt.md b/examples/skill-demo/scripts/FeatureCard-prompt.md
new file mode 100644
index 0000000..d0ff9fa
--- /dev/null
+++ b/examples/skill-demo/scripts/FeatureCard-prompt.md
@@ -0,0 +1,604 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: 📡 add observability to secrets: https://dotenvx.com/ops
+You are an expert Frontend Developer.
+You are analyzing a container component "CertoLandingPage" which contains a list of "FeatureCard" components.
+
+Your task is to:
+1. Generate a **props schema** (formal parameter definitions) based on the first component instance
+2. Extract the **data array** (actual parameter values) for all component instances from the provided Figma structure data
+
+Context:
+- Container: CertoLandingPage
+- Child Component: FeatureCard
+- Figma Data:
+[
+ {
+ "id": "728:17869",
+ "name": "div",
+ "type": "FRAME",
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "children": [
+ {
+ "id": "728:17870",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17870.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17872",
+ "name": "Spyware detection",
+ "type": "TEXT",
+ "characters": "Spyware detection",
+ "absoluteBoundingBox": {
+ "x": 23486.71875,
+ "y": 21455.984375,
+ "width": 171,
+ "height": 25
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ }
+ },
+ {
+ "id": "728:17873",
+ "name": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "type": "TEXT",
+ "characters": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "absoluteBoundingBox": {
+ "x": 23473.859375,
+ "y": 21504.984375,
+ "width": 196.4812469482422,
+ "height": 120
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ }
+ }
+ ],
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17874",
+ "name": "div",
+ "type": "FRAME",
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "children": [
+ {
+ "id": "728:17875",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17875.png",
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17877",
+ "name": "Keylogger detection",
+ "type": "TEXT",
+ "characters": "Keylogger detection",
+ "absoluteBoundingBox": {
+ "x": 23727.921875,
+ "y": 21455.984375,
+ "width": 184,
+ "height": 25
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ }
+ },
+ {
+ "id": "728:17878",
+ "name": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "type": "TEXT",
+ "characters": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "absoluteBoundingBox": {
+ "x": 23727.828125,
+ "y": 21504.984375,
+ "width": 184.5437469482422,
+ "height": 120
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ }
+ }
+ ],
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17879",
+ "name": "div",
+ "type": "FRAME",
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "children": [
+ {
+ "id": "728:17880",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17880.png",
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17882",
+ "name": "Find tracking apps",
+ "type": "TEXT",
+ "characters": "Find tracking apps",
+ "absoluteBoundingBox": {
+ "x": 23985.03125,
+ "y": 21455.984375,
+ "width": 167,
+ "height": 25
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ }
+ },
+ {
+ "id": "728:17883",
+ "name": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "type": "TEXT",
+ "characters": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "absoluteBoundingBox": {
+ "x": 23969.28125,
+ "y": 21504.984375,
+ "width": 197.6218719482422,
+ "height": 120
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ }
+ }
+ ],
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17884",
+ "name": "div",
+ "type": "FRAME",
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "children": [
+ {
+ "id": "728:17885",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17885.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17887",
+ "name": "OS integrity check",
+ "type": "TEXT",
+ "characters": "OS integrity check",
+ "absoluteBoundingBox": {
+ "x": 23487.40625,
+ "y": 21792.984375,
+ "width": 168,
+ "height": 25
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ }
+ },
+ {
+ "id": "728:17888",
+ "name": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "type": "TEXT",
+ "characters": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "absoluteBoundingBox": {
+ "x": 23475.515625,
+ "y": 21841.984375,
+ "width": 193.1531219482422,
+ "height": 120
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ }
+ }
+ ],
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17889",
+ "name": "div",
+ "type": "FRAME",
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "children": [
+ {
+ "id": "728:17890",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17890.png",
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17892",
+ "name": "Threat removal",
+ "type": "TEXT",
+ "characters": "Threat removal",
+ "absoluteBoundingBox": {
+ "x": 23751.46875,
+ "y": 21792.984375,
+ "width": 137,
+ "height": 25
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ }
+ },
+ {
+ "id": "728:17893",
+ "name": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "type": "TEXT",
+ "characters": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "absoluteBoundingBox": {
+ "x": 23720.859375,
+ "y": 21841.984375,
+ "width": 198.4812469482422,
+ "height": 96
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ }
+ }
+ ],
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17894",
+ "name": "div",
+ "type": "FRAME",
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "children": [
+ {
+ "id": "728:17895",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17895.png",
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17897",
+ "name": "Easy to use",
+ "type": "TEXT",
+ "characters": "Easy to use",
+ "absoluteBoundingBox": {
+ "x": 24018.921875,
+ "y": 21792.984375,
+ "width": 98,
+ "height": 25
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ }
+ },
+ {
+ "id": "728:17898",
+ "name": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "type": "TEXT",
+ "characters": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "absoluteBoundingBox": {
+ "x": 23968.984375,
+ "y": 21841.984375,
+ "width": 198.2156219482422,
+ "height": 96
+ },
+ "inlineStyles": {},
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ }
+ }
+ ],
+ "inlineStyles": {}
+ }
+]
+
+Instructions:
+1. Analyze the "children" in the Figma Data. Identify those that are instances of "FeatureCard".
+2. For each instance, extract ALL differing content, including:
+ - **Text**: Extract the **EXACT** text content found in the "characters" fields. Do NOT summarize or generate placeholders.
+ - **Images/Icons**: Identify nodes where `type` is "IMAGE". These nodes will have a `url` field.
+ - If a node has `isIcon: true` field, or the node name contains "icon", or the url ends with ".svg", use `iconSrc` as the key.
+ - Otherwise, use `imageSrc` or `avatarSrc` based on context (e.g., avatar for profile pictures).
+ - **Layout/Variants**:
+ - If the component has `layoutDirection: "HORIZONTAL"` in the layoutInfo, and contains both text and image content, determine the image position:
+ - Check the `absoluteBoundingBox` positions: if image's x position is less than text's x position, image is on the **left**; otherwise on the **right**.
+ - Extract as `imagePosition: "left"` or `imagePosition: "right"` prop.
+ - Any other component properties or visual variants (e.g. "variant": "filled", "active": true).
+3. **Normalize the data keys (CRITICAL)**:
+ - For text content: use `title`, `description`, `label`, etc.
+ - For images/icons: ALWAYS use `iconSrc`, `imageSrc`, `avatarSrc` (with "Src" suffix)
+ - **DO NOT** use ambiguous keys like `icon`, `image`, `avatar` alone
+ - This ensures compatibility with standard React component prop naming conventions.
+ - Example:
+ ```json
+ {
+ "title": "Example Title",
+ "description": "Example description",
+ "imageSrc": "@/assets/actual-filename-from-figma.png"
+ }
+ ```
+4. **Generate Props Schema (CRITICAL)**:
+ - Based on the first component instance, infer the prop definitions
+ - For each extracted field (e.g., "title", "description", "imageSrc"), determine:
+ * **key**: The property name (e.g., "title")
+ * **type**: The TypeScript type - must be one of: "string", "number", "boolean", "string[]", "number[]"
+ * **description**: A clear description of what this prop represents
+ - Return as "props" array with objects containing { key, type, description }
+ - Example:
+ ```json
+ {
+ "key": "title",
+ "type": "string",
+ "description": "Card title text"
+ }
+ ```
+5. **CRITICAL Rules**:
+ - **USE ACTUAL DATA ONLY**: The example above uses placeholder names. You MUST use the actual "characters" and "url" values from the Figma Data provided.
+ - **NO FIGMA IDs**: Do NOT include Figma node IDs (like "1:2859") in the output. Only extract actual content data.
+ - **NO PLACEHOLDERS**: Do NOT generate fake text or copy paths from examples. If a node does not have a "url" field, do not include an "imageSrc" property.
+ - **Deep Search**: Text nodes might be nested deeply inside Frames/Groups. Look recursively for "characters" fields.
+ - **Layout Information**: The Figma Data includes `layoutInfo` array with `layoutDirection` and `absoluteBoundingBox` for each component instance. Use this to determine layout-related props like image position (left/right) in horizontal layouts.
+ - **Asset Paths - CRITICAL**:
+ - Images are represented by nodes with `type: "IMAGE"`. These nodes MUST have a `url` field.
+ - You MUST use the EXACT value from the `url` field as the value for "imageSrc", "iconSrc", or "avatarSrc" without any modifications.
+ - The `url` field value MUST be a file path (e.g., "@/assets/icon-name.svg").
+ - **DO NOT hallucinate or copy paths from the example above.** Every image MUST correspond to a node in the provided Figma Data.
+ - CORRECT: If a node has `type: "IMAGE"` and `url: "@/assets/real-image-123.png"`, use exactly that.
+ - WRONG: Using "@/assets/start-2.svg" if it's not in the input data.
+ - If the `url` field does not exist or does not contain a valid path starting with "@/assets/", omit the iconSrc/imageSrc/avatarSrc field entirely.
+6. Return a JSON object with two keys:
+ - "props": Array of prop definitions with { key, type, description }
+ - "state": Array of data objects for each component instance
+7. Return ONLY the JSON object. Do not explain.
+
+Example Output JSON Structure (for reference only):
+{
+ "props": [
+ {
+ "key": "title",
+ "type": "string",
+ "description": "Card title text"
+ },
+ {
+ "key": "description",
+ "type": "string",
+ "description": "Card description text"
+ },
+ {
+ "key": "imageSrc",
+ "type": "string",
+ "description": "Path to card image"
+ }
+ ],
+ "state": [
+ {
+ "title": "Actual Title 1",
+ "description": "Actual Description 1",
+ "imageSrc": "@/assets/actual-file-1.png"
+ },
+ {
+ "title": "Actual Title 2",
+ "description": "Actual Description 2",
+ "imageSrc": "@/assets/actual-file-2.png"
+ }
+ ]
+}
diff --git a/examples/skill-demo/scripts/FeatureCard-props.json b/examples/skill-demo/scripts/FeatureCard-props.json
new file mode 100644
index 0000000..b13212a
--- /dev/null
+++ b/examples/skill-demo/scripts/FeatureCard-props.json
@@ -0,0 +1,51 @@
+{
+ "props": [
+ {
+ "name": "iconSrc",
+ "type": "string",
+ "example": "@/assets/FeatureCard-icon-1.svg"
+ },
+ {
+ "name": "title",
+ "type": "string",
+ "example": "Spyware detection"
+ },
+ {
+ "name": "description",
+ "type": "string",
+ "example": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software."
+ }
+ ],
+ "state": [
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-1.svg",
+ "title": "Spyware detection",
+ "description": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-2.svg",
+ "title": "Keylogger detection",
+ "description": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords)."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-3.svg",
+ "title": "Find tracking apps",
+ "description": "Check which apps have access to your location, microphone or camera. Get alerted if a known tracking app is installed."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-4.svg",
+ "title": "OS integrity check",
+ "description": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-5.svg",
+ "title": "Threat removal",
+ "description": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-6.svg",
+ "title": "Easy to use",
+ "description": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes."
+ }
+ ]
+}
diff --git a/examples/skill-demo/scripts/InsightCard-prompt.md b/examples/skill-demo/scripts/InsightCard-prompt.md
new file mode 100644
index 0000000..fdba1fd
--- /dev/null
+++ b/examples/skill-demo/scripts/InsightCard-prompt.md
@@ -0,0 +1,151 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ⚙️ load multiple .env files with { path: ['.env.local', '.env'] }
+You are an expert Frontend Developer.
+You are analyzing a container component "CertoLandingPage" which contains a list of "InsightCard" components.
+
+Your task is to:
+1. Generate a **props schema** (formal parameter definitions) based on the first component instance
+2. Extract the **data array** (actual parameter values) for all component instances from the provided Figma structure data
+
+Context:
+- Container: CertoLandingPage
+- Child Component: InsightCard
+- Figma Data:
+[
+ {
+ "id": "728:17958",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17958.png",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ },
+ {
+ "id": "728:17972",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17972.png",
+ "absoluteBoundingBox": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ },
+ {
+ "id": "728:17965",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17965.png",
+ "absoluteBoundingBox": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ }
+]
+
+Instructions:
+1. Analyze the "children" in the Figma Data. Identify those that are instances of "InsightCard".
+2. For each instance, extract ALL differing content, including:
+ - **Text**: Extract the **EXACT** text content found in the "characters" fields. Do NOT summarize or generate placeholders.
+ - **Images/Icons**: Identify nodes where `type` is "IMAGE". These nodes will have a `url` field.
+ - If a node has `isIcon: true` field, or the node name contains "icon", or the url ends with ".svg", use `iconSrc` as the key.
+ - Otherwise, use `imageSrc` or `avatarSrc` based on context (e.g., avatar for profile pictures).
+ - **Layout/Variants**:
+ - If the component has `layoutDirection: "HORIZONTAL"` in the layoutInfo, and contains both text and image content, determine the image position:
+ - Check the `absoluteBoundingBox` positions: if image's x position is less than text's x position, image is on the **left**; otherwise on the **right**.
+ - Extract as `imagePosition: "left"` or `imagePosition: "right"` prop.
+ - Any other component properties or visual variants (e.g. "variant": "filled", "active": true).
+3. **Normalize the data keys (CRITICAL)**:
+ - For text content: use `title`, `description`, `label`, etc.
+ - For images/icons: ALWAYS use `iconSrc`, `imageSrc`, `avatarSrc` (with "Src" suffix)
+ - **DO NOT** use ambiguous keys like `icon`, `image`, `avatar` alone
+ - This ensures compatibility with standard React component prop naming conventions.
+ - Example:
+ ```json
+ {
+ "title": "Example Title",
+ "description": "Example description",
+ "imageSrc": "@/assets/actual-filename-from-figma.png"
+ }
+ ```
+4. **Generate Props Schema (CRITICAL)**:
+ - Based on the first component instance, infer the prop definitions
+ - For each extracted field (e.g., "title", "description", "imageSrc"), determine:
+ * **key**: The property name (e.g., "title")
+ * **type**: The TypeScript type - must be one of: "string", "number", "boolean", "string[]", "number[]"
+ * **description**: A clear description of what this prop represents
+ - Return as "props" array with objects containing { key, type, description }
+ - Example:
+ ```json
+ {
+ "key": "title",
+ "type": "string",
+ "description": "Card title text"
+ }
+ ```
+5. **CRITICAL Rules**:
+ - **USE ACTUAL DATA ONLY**: The example above uses placeholder names. You MUST use the actual "characters" and "url" values from the Figma Data provided.
+ - **NO FIGMA IDs**: Do NOT include Figma node IDs (like "1:2859") in the output. Only extract actual content data.
+ - **NO PLACEHOLDERS**: Do NOT generate fake text or copy paths from examples. If a node does not have a "url" field, do not include an "imageSrc" property.
+ - **Deep Search**: Text nodes might be nested deeply inside Frames/Groups. Look recursively for "characters" fields.
+ - **Layout Information**: The Figma Data includes `layoutInfo` array with `layoutDirection` and `absoluteBoundingBox` for each component instance. Use this to determine layout-related props like image position (left/right) in horizontal layouts.
+ - **Asset Paths - CRITICAL**:
+ - Images are represented by nodes with `type: "IMAGE"`. These nodes MUST have a `url` field.
+ - You MUST use the EXACT value from the `url` field as the value for "imageSrc", "iconSrc", or "avatarSrc" without any modifications.
+ - The `url` field value MUST be a file path (e.g., "@/assets/icon-name.svg").
+ - **DO NOT hallucinate or copy paths from the example above.** Every image MUST correspond to a node in the provided Figma Data.
+ - CORRECT: If a node has `type: "IMAGE"` and `url: "@/assets/real-image-123.png"`, use exactly that.
+ - WRONG: Using "@/assets/start-2.svg" if it's not in the input data.
+ - If the `url` field does not exist or does not contain a valid path starting with "@/assets/", omit the iconSrc/imageSrc/avatarSrc field entirely.
+6. Return a JSON object with two keys:
+ - "props": Array of prop definitions with { key, type, description }
+ - "state": Array of data objects for each component instance
+7. Return ONLY the JSON object. Do not explain.
+
+Example Output JSON Structure (for reference only):
+{
+ "props": [
+ {
+ "key": "title",
+ "type": "string",
+ "description": "Card title text"
+ },
+ {
+ "key": "description",
+ "type": "string",
+ "description": "Card description text"
+ },
+ {
+ "key": "imageSrc",
+ "type": "string",
+ "description": "Path to card image"
+ }
+ ],
+ "state": [
+ {
+ "title": "Actual Title 1",
+ "description": "Actual Description 1",
+ "imageSrc": "@/assets/actual-file-1.png"
+ },
+ {
+ "title": "Actual Title 2",
+ "description": "Actual Description 2",
+ "imageSrc": "@/assets/actual-file-2.png"
+ }
+ ]
+}
diff --git a/examples/skill-demo/scripts/InsightCard-props.json b/examples/skill-demo/scripts/InsightCard-props.json
new file mode 100644
index 0000000..713d53f
--- /dev/null
+++ b/examples/skill-demo/scripts/InsightCard-props.json
@@ -0,0 +1,52 @@
+{
+ "props": [
+ {
+ "name": "imageSrc",
+ "type": "string",
+ "example": "@/assets/InsightCard-image-1.png"
+ },
+ {
+ "name": "tag",
+ "type": "string",
+ "example": "Guides"
+ },
+ {
+ "name": "title",
+ "type": "string",
+ "example": "The 6 Best Apps to Track Your Children (And Why)"
+ },
+ {
+ "name": "date",
+ "type": "string",
+ "example": "August 20, 2024"
+ },
+ {
+ "name": "description",
+ "type": "string",
+ "example": "These are the top apps for tracking your children..."
+ }
+ ],
+ "state": [
+ {
+ "imageSrc": "@/assets/InsightCard-image-1.png",
+ "tag": "Guides",
+ "title": "The 6 Best Apps to Track Your Children (And Why)",
+ "date": "August 20, 2024",
+ "description": "These are the top apps for tracking your children. We also discuss why you should, or shouldn't track your kids."
+ },
+ {
+ "imageSrc": "@/assets/InsightCard-image-2.png",
+ "tag": "Expertise",
+ "title": "How to Hack a Phone: It’s Easier Than You Think",
+ "date": "August 20, 2024",
+ "description": "Phone hacking is a real threat and it can happen to anyone. Here's how it works and how to protect yourself."
+ },
+ {
+ "imageSrc": "@/assets/InsightCard-image-3.png",
+ "tag": "Guides",
+ "title": "5 Ways to Find Hidden Spy Apps on Your Phone",
+ "date": "August 20, 2024",
+ "description": "Think someone is spying on you? Here are 5 simple ways to find hidden spy apps on your iPhone or Android."
+ }
+ ]
+}
diff --git a/examples/skill-demo/scripts/code-prompt-0.md b/examples/skill-demo/scripts/code-prompt-0.md
new file mode 100644
index 0000000..433d0d7
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-0.md
@@ -0,0 +1,888 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ⚙️ suppress all logs with { quiet: true }
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "Header",
+ "purpose": "Navigation bar with logo and menu",
+ "layout": {
+ "boundingBox": {
+ "top": 18765,
+ "left": 23100,
+ "width": 1440,
+ "height": 102
+ },
+ "relativeBoundingBox": {
+ "top": 0,
+ "left": 0,
+ "width": 1440,
+ "height": 102
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17674",
+ "name": "nav:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ },
+ {
+ "id": "728:18045",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18046",
+ "name": "div:before",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(0deg, #E7EFFA 0%, rgba(255, 255, 255, 0.00) 100%)"
+ }
+ },
+ {
+ "id": "728:18047",
+ "name": "logo.svg",
+ "type": "IMAGE",
+ "url": "@/assets/logo-svg-728-18047.svg",
+ "absoluteBoundingBox": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18057",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18058",
+ "name": "ul#menu-main",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18059",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18803.5,
+ "width": 66,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23788.818359375,
+ "y": 18807.77734375,
+ "width": 63.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18060",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23902.125,
+ "y": 18803.5,
+ "width": 76,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23902.5703125,
+ "y": 18807.77734375,
+ "width": 74.142578125,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18061",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24027.375,
+ "y": 18803.5,
+ "width": 44,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24028.419921875,
+ "y": 18808.681640625,
+ "width": 41.486328125,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18062",
+ "name": "li#menu-item-212908",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18063",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18064",
+ "name": "Company",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 91,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24120.833984375,
+ "y": 18808.4921875,
+ "width": 88.966796875,
+ "height": 17.89453125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Company",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18065",
+ "name": "a:after",
+ "type": "IMAGE",
+ "url": "@/assets/a-after-728-18065.svg",
+ "absoluteBoundingBox": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "absoluteRenderBounds": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 9.109375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingTop": 14.5,
+ "paddingBottom": 14.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18068",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18069",
+ "name": "Sign in",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24348.046875,
+ "y": 18807,
+ "width": 51,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24348.55859375,
+ "y": 18809.376953125,
+ "width": 48.994140625,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign in",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 20.953125,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#4335DE",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 120,
+ "paddingRight": 120,
+ "paddingTop": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 410.8125,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ }
+ ],
+ "kebabName": "header",
+ "path": "@/components/header"
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **Header** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface HeaderProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-1.md b/examples/skill-demo/scripts/code-prompt-1.md
new file mode 100644
index 0000000..6200ff2
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-1.md
@@ -0,0 +1,938 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: 👥 sync secrets across teammates & machines: https://dotenvx.com/ops
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "HeroSection",
+ "purpose": "Hero area with main value proposition and illustration",
+ "layout": {
+ "boundingBox": {
+ "top": 18867,
+ "left": 23100,
+ "width": 1440,
+ "height": 708
+ },
+ "relativeBoundingBox": {
+ "top": 102,
+ "left": 0,
+ "width": 1440,
+ "height": 708
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17675",
+ "name": "header",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17676",
+ "name": "bg-circle.svg",
+ "type": "IMAGE",
+ "url": "@/assets/bg-circle-svg-728-17676.svg",
+ "absoluteBoundingBox": {
+ "x": 21300,
+ "y": 18690,
+ "width": 3600,
+ "height": 1770
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17679",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17679.png",
+ "absoluteBoundingBox": {
+ "x": 23892,
+ "y": 18961.1875,
+ "width": 720,
+ "height": 720
+ },
+ "absoluteRenderBounds": {
+ "x": 23870.40625,
+ "y": 18936,
+ "width": 669.59375,
+ "height": 639
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17682",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17683",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17684",
+ "name": "h1",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17685",
+ "name": "Your mobile privacy is our mission",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 595.2000122070312,
+ "height": 150
+ },
+ "absoluteRenderBounds": {
+ "x": 23293.12890625,
+ "y": 19014.2578125,
+ "width": 563.5703125,
+ "height": 122.109375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Your mobile privacy is our mission",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 60,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -1.2000000476837158,
+ "lineHeightPx": 75,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 8.29998779296875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 603.5,
+ "height": 150
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19001.75,
+ "width": 603.5,
+ "height": 150
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17686",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17687",
+ "name": "Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19203.75,
+ "width": 597.8875122070312,
+ "height": 82
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.966796875,
+ "y": 19206.75,
+ "width": 578.419921875,
+ "height": 75.255859375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "fontSize": 20,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 123.94367218017578,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19199.75,
+ "width": 603.5,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19199.75,
+ "width": 603.5,
+ "height": 90
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17688",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17689",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17690",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17691",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17692",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 19405.02734375,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17693",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17693.svg",
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 19406,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 19406,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312,
+ "y": 19401.75,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17696",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17697",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23628.65625,
+ "y": 19401.75,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23629.552734375,
+ "y": 19405.02734375,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 48,
+ "paddingBottom": 24,
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 612.25,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19385.75,
+ "width": 603.5,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 19289.75,
+ "width": 603.5,
+ "height": 150.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 19289.75,
+ "width": 603.5,
+ "height": 150.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 633.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 633.5,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17698",
+ "name": "figure",
+ "type": "IMAGE",
+ "url": "@/assets/figure-728-17698.png",
+ "absoluteBoundingBox": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "width": 241.5,
+ "height": 461.25
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 196,
+ "itemSpacing": 15,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 1086,
+ "height": 461.25
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 18990.375,
+ "width": 1086,
+ "height": 461.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18867,
+ "width": 1440,
+ "height": 708
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "kebabName": "hero-section",
+ "path": "@/components/hero-section"
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **HeroSection** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface HeroSectionProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-10.md b/examples/skill-demo/scripts/code-prompt-10.md
new file mode 100644
index 0000000..93e47af
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-10.md
@@ -0,0 +1,2381 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ⚙️ enable debug logging with { debug: true }
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "Footer",
+ "purpose": "Site footer with links and copyright",
+ "layout": {
+ "boundingBox": {
+ "top": 24091,
+ "left": 23100,
+ "width": 1440,
+ "height": 776
+ },
+ "relativeBoundingBox": {
+ "top": 5326,
+ "left": 0,
+ "width": 1440,
+ "height": 776
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17979",
+ "name": "footer",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17980",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17981",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17982",
+ "name": "Scan. Detect. Remove.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24186.484375,
+ "width": 254,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.783203125,
+ "y": 24192.529296875,
+ "width": 251.068359375,
+ "height": 17.19921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Scan. Detect. Remove.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17983",
+ "name": "ul",
+ "type": "IMAGE",
+ "url": "@/assets/ul-728-17983.svg",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 348,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24265.484375,
+ "width": 348,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17993",
+ "name": "ul#menu-secondary-menu-1",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17994",
+ "name": "Privacy Policy",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24353.484375,
+ "width": 73,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24357.234375,
+ "width": 72.15625,
+ "height": 11.1875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Privacy Policy",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17995",
+ "name": "Terms of Service",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23390.5625,
+ "y": 24353.484375,
+ "width": 88,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23390.5625,
+ "y": 24357.109375,
+ "width": 87.681640625,
+ "height": 11.3125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Terms of Service",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 149.4375,
+ "paddingTop": 4,
+ "paddingBottom": 13,
+ "itemSpacing": 25.5625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24349.484375,
+ "width": 336,
+ "height": 32
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24349.484375,
+ "width": 336,
+ "height": 32
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 312,
+ "height": 182
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 348,
+ "height": 194
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17996",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17997",
+ "name": "Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 306.05938720703125,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.65625,
+ "y": 24418.90625,
+ "width": 294.30078125,
+ "height": 27.953125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17998",
+ "name": "Designed & developed by Bigger Picture",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24465.484375,
+ "width": 209,
+ "height": 15
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.96875,
+ "y": 24469.234375,
+ "width": 207.896484375,
+ "height": 11.1875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Designed & developed by Bigger Picture",
+ "characterStyleOverrides": [
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 3,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2,
+ 2
+ ],
+ "styleOverrideTable": {
+ "2": {
+ "textDecoration": "UNDERLINE",
+ "fontSize": 11
+ },
+ "3": {
+ "fontSize": 11
+ }
+ },
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 11,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 112.67606353759766,
+ "lineHeightPercentFontSize": 136.36363220214844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 5.94061279296875,
+ "itemSpacing": 18,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 312,
+ "height": 63
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24417.484375,
+ "width": 312,
+ "height": 63
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17999",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18000",
+ "name": "p",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18001",
+ "name": "Certo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 99,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23665.65234375,
+ "y": 24196.681640625,
+ "width": 95.837890625,
+ "height": 26.17578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Certo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 35,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 106.23743438720703,
+ "lineHeightPercentFontSize": 128.57142639160156,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "individualStrokeWeights": {
+ "top": 0,
+ "right": 0,
+ "bottom": 1,
+ "left": 0
+ },
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 89,
+ "paddingBottom": 25,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 70
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 70
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "border": "1px solid #FFF"
+ }
+ },
+ {
+ "id": "728:18002",
+ "name": "ul#menu-footer-menu",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18003",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18004",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18004.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24319.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24319.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18007",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24317.484375,
+ "width": 64,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23709.005859375,
+ "y": 24321.76171875,
+ "width": 61.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 80,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18008",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18009",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18009.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24368.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24368.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18012",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24366.484375,
+ "width": 74,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.4453125,
+ "y": 24370.76171875,
+ "width": 71.7421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 70,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24366.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24366.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18013",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18014",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18014.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24417.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24417.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18017",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24415.484375,
+ "width": 43,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23709.044921875,
+ "y": 24420.666015625,
+ "width": 40.28515625,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 101,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24415.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24415.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18018",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18019",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18019.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24466.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24466.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18022",
+ "name": "About",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24464.484375,
+ "width": 57,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.4453125,
+ "y": 24469.666015625,
+ "width": 55.693359375,
+ "height": 14.021484375
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "About",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 87,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24464.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24464.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18023",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18024",
+ "name": "span",
+ "type": "IMAGE",
+ "url": "@/assets/span-728-18024.svg",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24515.984375,
+ "width": 20,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24515.984375,
+ "width": 25,
+ "height": 22.9296875
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18027",
+ "name": "Insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 0.7607843279838562,
+ "b": 0.27843138575553894,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23708,
+ "y": 24513.484375,
+ "width": 70,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23708.990234375,
+ "y": 24518.537109375,
+ "width": 68.048828125,
+ "height": 17.833984375
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 74,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24513.484375,
+ "width": 188,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24513.484375,
+ "width": 188,
+ "height": 25.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 221
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24317.484375,
+ "width": 188,
+ "height": 221.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 60,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 351
+ },
+ "absoluteRenderBounds": {
+ "x": 23664,
+ "y": 24187.484375,
+ "width": 188,
+ "height": 351.4296875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18028",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18029",
+ "name": "form#newsletter-signup-footer-form",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18030",
+ "name": "form#newsletter-signup-footer-form:before",
+ "type": "IMAGE",
+ "url": "@/assets/form-newsletter-signup-footer-form-before-728-18030.svg",
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18033",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18034",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18035",
+ "name": "Sign up to our newsletter",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 274,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23948.783203125,
+ "y": 24227.662109375,
+ "width": 272.65625,
+ "height": 22.7890625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign up to our newsletter",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18036",
+ "name": "Receive the latest mobile security news, exclusive discounts & offers straight to your inbox!",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24273.484375,
+ "width": 358.15313720703125,
+ "height": 40
+ },
+ "absoluteRenderBounds": {
+ "x": 23948.767578125,
+ "y": 24277.234375,
+ "width": 352.68359375,
+ "height": 34.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Receive the latest mobile security news, exclusive discounts & offers straight to your inbox!",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 5.84686279296875,
+ "itemSpacing": 21,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18037",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18038",
+ "name": "input#newsletter-email",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18039",
+ "name": "div#placeholder",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18040",
+ "name": "Email address",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "opacity": 0.5,
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 99,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23965.3203125,
+ "y": 24360.234375,
+ "width": 96.55078125,
+ "height": 11.44140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Email address",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18.15340805053711,
+ "lineHeightPercent": 100,
+ "lineHeightUnit": "INTRINSIC_%"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 123.796875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 222.796875,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23964,
+ "y": 24357.484375,
+ "width": 222.796875,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 254.796875,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 254.796875,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "21px 0px 0px 21px",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:18041",
+ "name": "button",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18042",
+ "name": "Submit",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24230.03125,
+ "y": 24357.484375,
+ "width": 54.91875076293945,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24231.4375,
+ "y": 24359.861328125,
+ "width": 52.263671875,
+ "height": 11.783203125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Submit",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18.399999618530273,
+ "lineHeightPercent": 101.3583755493164,
+ "lineHeightPercentFontSize": 122.66666412353516,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "width": 109.1875,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "width": 109.1875,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "0px 21px 21px 0px",
+ "background": "#02033B"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 364,
+ "height": 34.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24349.484375,
+ "width": 364,
+ "height": 34.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "itemSpacing": 36,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 161.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23948,
+ "y": 24222.484375,
+ "width": 364,
+ "height": 161.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 35,
+ "paddingBottom": 36,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 232.390625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 351
+ },
+ "absoluteRenderBounds": {
+ "x": 23912,
+ "y": 24187.484375,
+ "width": 436,
+ "height": 351
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:18043",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "width": 315.96875,
+ "height": 104
+ },
+ "absoluteRenderBounds": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "width": 315.96875,
+ "height": 104
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "RIGHT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "12px",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:18044",
+ "name": "Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24726.484375,
+ "width": 549.8562622070312,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.306640625,
+ "y": 24729.34765625,
+ "width": 538.671875,
+ "height": 41.728515625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 12,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 15,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 1056,
+ "height": 584
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 24187.484375,
+ "width": 1056,
+ "height": 584
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 192,
+ "paddingRight": 192,
+ "paddingTop": 96,
+ "paddingBottom": 96,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 24091.484375,
+ "width": 1440,
+ "height": 776
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 24091.484375,
+ "width": 1440,
+ "height": 776
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#02033B",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "kebabName": "footer",
+ "path": "@/components/footer"
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **Footer** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface FooterProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-11.md b/examples/skill-demo/scripts/code-prompt-11.md
new file mode 100644
index 0000000..0d7eda3
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-11.md
@@ -0,0 +1,889 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ⚙️ specify custom .env file path with { path: '/custom/path/.env' }
+
+
+ You are a React Architect.
+ Your task is to assemble a "Frame" component that composes multiple child components based on Figma layout data.
+
+
+
+ {
+ "name": "CertoLandingPage",
+ "purpose": "Main landing page wrapper",
+ "layout": {
+ "boundingBox": {
+ "top": 18765,
+ "left": 23100,
+ "width": 1440,
+ "height": 6102
+ },
+ "relativeBoundingBox": {
+ "top": 0,
+ "left": 0,
+ "width": 1440,
+ "height": 6102
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17674",
+ "name": "nav:after",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ },
+ {
+ "id": "728:18045",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18046",
+ "name": "div:before",
+ "type": "RECTANGLE",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18816,
+ "width": 1440,
+ "height": 51
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutPositioning": "ABSOLUTE",
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(0deg, #E7EFFA 0%, rgba(255, 255, 255, 0.00) 100%)"
+ }
+ },
+ {
+ "id": "728:18047",
+ "name": "logo.svg",
+ "type": "IMAGE",
+ "url": "@/assets/logo-svg-728-18047.svg",
+ "absoluteBoundingBox": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23220,
+ "y": 18789,
+ "width": 157,
+ "height": 54
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18057",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18058",
+ "name": "ul#menu-main",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18059",
+ "name": "iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18803.5,
+ "width": 66,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23788.818359375,
+ "y": 18807.77734375,
+ "width": 63.482421875,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18060",
+ "name": "Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23902.125,
+ "y": 18803.5,
+ "width": 76,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23902.5703125,
+ "y": 18807.77734375,
+ "width": 74.142578125,
+ "height": 14.91796875
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18061",
+ "name": "Help",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24027.375,
+ "y": 18803.5,
+ "width": 44,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24028.419921875,
+ "y": 18808.681640625,
+ "width": 41.486328125,
+ "height": 17.705078125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Help",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18062",
+ "name": "li#menu-item-212908",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18063",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18064",
+ "name": "Company",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 91,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24120.833984375,
+ "y": 18808.4921875,
+ "width": 88.966796875,
+ "height": 17.89453125
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Company",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18065",
+ "name": "a:after",
+ "type": "IMAGE",
+ "url": "@/assets/a-after-728-18065.svg",
+ "absoluteBoundingBox": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "absoluteRenderBounds": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "width": 12,
+ "height": 7
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 9.109375,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "width": 112.109375,
+ "height": 25
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingTop": 14.5,
+ "paddingBottom": 14.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 24119.9375,
+ "y": 18789,
+ "width": 112.109375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 492.234375,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:18068",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:18069",
+ "name": "Sign in",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24348.046875,
+ "y": 18807,
+ "width": 51,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24348.55859375,
+ "y": 18809.376953125,
+ "width": 48.994140625,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Sign in",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 20.953125,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 24328.046875,
+ "y": 18791,
+ "width": 91.953125,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#4335DE",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "itemSpacing": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "absoluteRenderBounds": {
+ "x": 23787.8125,
+ "y": 18789,
+ "width": 632.1875,
+ "height": 54
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 120,
+ "paddingRight": 120,
+ "paddingTop": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 410.8125,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 18765,
+ "width": 1440,
+ "height": 102
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF"
+ }
+ }
+ ],
+ "kebabName": "certo-landing-page",
+ "path": "@/components"
+}
+ [
+ {
+ "name": "Header",
+ "path": "@/components/header"
+ },
+ {
+ "name": "HeroSection",
+ "path": "@/components/hero-section"
+ },
+ {
+ "name": "TrustSection",
+ "path": "@/components/trust-section"
+ },
+ {
+ "name": "PhilosophySection",
+ "path": "@/components/philosophy-section"
+ },
+ {
+ "name": "FeaturesGrid",
+ "path": "@/components/features-grid"
+ },
+ {
+ "name": "ResourcesSection",
+ "path": "@/components/resources-section"
+ },
+ {
+ "name": "SpyingCTA",
+ "path": "@/components/spying-cta"
+ },
+ {
+ "name": "LatestInsights",
+ "path": "@/components/latest-insights"
+ },
+ {
+ "name": "Footer",
+ "path": "@/components/footer"
+ }
+]
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+
+
+ The `frame_details` parameter contains:
+ - `layout`: Layout information for the frame (flex/grid/absolute)
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `states` (optional): If present, this frame contains reusable components. Each state entry includes:
+ * `state`: Array of data objects to be used as props for component instances
+ * `componentName`: Name of the reusable component
+ * `componentPath`: Import path for the component
+ Use `states` data to render multiple instances of reusable components via `.map()`.
+
+
+
+
+
+ **Children Components & Props (CRITICAL)**:
+ - The `` field describes child components with their import paths and prop types.
+
+ - **Independent Components (No Props) - CRITICAL**:
+ - If a child has NO `componentName` and NO `properties`, render as ` ` without any props.
+ - These components use default values or hardcoded content internally.
+
+ - **Component Imports (CRITICAL)**:
+ - You MUST use the exact import path provided in the `` list for each component.
+ - **Example**:
+ - Provided: `{"name": "TaskGrid", "path": "@/components/tasks-section/task-grid"}`
+ - CORRECT: `import TaskGrid from "@/components/tasks-section/task-grid";`
+ - WRONG: `import TaskGrid from "@/components/task-grid";` (Do NOT do this!)
+
+
+
+ **Layout & Styling**:
+ - Use `layout_data` for dimensions, spacing, and flow (flex/grid).
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - Use responsive utilities provided by the chosen libraries to ensure the component is adaptive.
+ - Use `css_context` for exact background styles, gradients, and shadows.
+ - Use `relative` positioning for the container.
+ - Use `spacing` field in
to set the spacing between elements
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **DOM IDs**:
+
+ - Assign `id` attributes to the main container and any internal elements, matching `frame_details`.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-2.md b/examples/skill-demo/scripts/code-prompt-2.md
new file mode 100644
index 0000000..66b13ad
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-2.md
@@ -0,0 +1,1493 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ⚙️ suppress all logs with { quiet: true }
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "TrustSection",
+ "purpose": "Social proof with reviews and logos",
+ "layout": {
+ "boundingBox": {
+ "top": 19575,
+ "left": 23100,
+ "width": 1440,
+ "height": 803
+ },
+ "relativeBoundingBox": {
+ "top": 810,
+ "left": 0,
+ "width": 1440,
+ "height": 803
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17701",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17702",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17703",
+ "name": "Loved by thousands of iPhone and Android users alike",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19658,
+ "width": 563.4187622070312,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23197.060546875,
+ "y": 19666.10546875,
+ "width": 511.71484375,
+ "height": 73.265625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Loved by thousands of iPhone and Android users alike",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 36,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 45.58123779296875,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19658,
+ "width": 609,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23196,
+ "y": 19658,
+ "width": 609,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17704",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17705",
+ "name": "Featured in:",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 20230.484375,
+ "width": 129,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23197.265625,
+ "y": 20235.662109375,
+ "width": 126.353515625,
+ "height": 18.06640625
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT"
+ },
+ "characters": "Featured in:",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17706",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17706.svg",
+ "absoluteBoundingBox": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "width": 1045.75,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "width": 1045.75,
+ "height": 95
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 20198.984375,
+ "width": 1248,
+ "height": 95
+ },
+ "absoluteRenderBounds": {
+ "x": 23196,
+ "y": 20198.984375,
+ "width": 1248,
+ "height": 95
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17775",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17776",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17777",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17778",
+ "name": "My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 22808,
+ "y": 19906.984375,
+ "width": 314.85626220703125,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19911.484375,
+ "width": 14.2578125,
+ "height": 113.36328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 14,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 118.04158782958984,
+ "lineHeightPercentFontSize": 142.85714721679688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 49.14373779296875,
+ "paddingTop": 85.984375,
+ "paddingBottom": 100,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 22772,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 104,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17779",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17780",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17780.svg",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17796",
+ "name": "Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 19906.984375,
+ "width": 312.46563720703125,
+ "height": 80
+ },
+ "absoluteRenderBounds": {
+ "x": 23232.818359375,
+ "y": 19910.984375,
+ "width": 299.689453125,
+ "height": 75.2734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17797",
+ "name": "colinandmandy94",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20010.984375,
+ "width": 136,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23232.51171875,
+ "y": 20014.361328125,
+ "width": 134.21875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "colinandmandy94",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 96,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23196,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23188,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17798",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17799",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17799.svg",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23656,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17815",
+ "name": "Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 19906.984375,
+ "width": 318.79376220703125,
+ "height": 140
+ },
+ "absoluteRenderBounds": {
+ "x": 23656.544921875,
+ "y": 19910.802734375,
+ "width": 316.197265625,
+ "height": 135.63671875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17816",
+ "name": "Jennifer Black",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23656,
+ "y": 20070.984375,
+ "width": 107,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 23656.255859375,
+ "y": 20074.361328125,
+ "width": 105.837890625,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Jennifer Black",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 36,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23620,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23612,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17817",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17818",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17818.svg",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24080,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17834",
+ "name": "This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 19906.984375,
+ "width": 313.10626220703125,
+ "height": 80
+ },
+ "absoluteRenderBounds": {
+ "x": 24080.544921875,
+ "y": 19910.802734375,
+ "width": 309.837890625,
+ "height": 75.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17835",
+ "name": "Phillip Colligan",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24080,
+ "y": 20010.984375,
+ "width": 111,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24080.826171875,
+ "y": 20014.361328125,
+ "width": 108.98828125,
+ "height": 14.861328125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Phillip Colligan",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 96,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24044,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24036,
+ "y": 19813,
+ "width": 440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ },
+ {
+ "id": "728:17836",
+ "name": "blockquote",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17837",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17837.svg",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19857,
+ "width": 328,
+ "height": 25.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24504,
+ "y": 19857,
+ "width": 36,
+ "height": 25.984375
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17844",
+ "name": "I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 19906.984375,
+ "width": 322.91876220703125,
+ "height": 140
+ },
+ "absoluteRenderBounds": {
+ "x": 24504.46875,
+ "y": 19910.564453125,
+ "width": 35.53125,
+ "height": 134.083984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17845",
+ "name": "Leslie Carrillo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24504,
+ "y": 20070.984375,
+ "width": 102,
+ "height": 20
+ },
+ "absoluteRenderBounds": {
+ "x": 24504.826171875,
+ "y": 20074.361328125,
+ "width": 35.173828125,
+ "height": 11.77734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Leslie Carrillo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 20,
+ "lineHeightPercent": 110.17214965820312,
+ "lineHeightPercentFontSize": 133.3333282470703,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "paddingTop": 36,
+ "paddingBottom": 36,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 24468,
+ "y": 19821,
+ "width": 400,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 24460,
+ "y": 19813,
+ "width": 80,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 22348,
+ "y": 19821,
+ "width": 1248,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 1440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 848,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 22348,
+ "y": 19821,
+ "width": 2096,
+ "height": 305.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19813,
+ "width": 1440,
+ "height": 345.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 802.984375
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 19575,
+ "width": 1440,
+ "height": 802.984375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #F7C95F 0%, #FDB235 100%)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "kebabName": "trust-section",
+ "path": "@/components/trust-section"
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **TrustSection** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface TrustSectionProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-3.md b/examples/skill-demo/scripts/code-prompt-3.md
new file mode 100644
index 0000000..c58fc5e
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-3.md
@@ -0,0 +1,800 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: 🗂️ backup and recover secrets: https://dotenvx.com/ops
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "PhilosophySection",
+ "purpose": "Company philosophy statement with image",
+ "layout": {
+ "boundingBox": {
+ "top": 20378,
+ "left": 23100,
+ "width": 1440,
+ "height": 664
+ },
+ "relativeBoundingBox": {
+ "top": 1613,
+ "left": 0,
+ "width": 1440,
+ "height": 664
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17846",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17847",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17848",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17849",
+ "name": "At Certo, mobile security is not an afterthought, it’s what we do.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20463.984375,
+ "width": 446.40313720703125,
+ "height": 130
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.537109375,
+ "y": 20469.08984375,
+ "width": 436.09765625,
+ "height": 118.27734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "At Certo, mobile security is not an afterthought, it’s what we do.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "fontSize": 36,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17850",
+ "name": "With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20636.984375,
+ "width": 448.23126220703125,
+ "height": 112
+ },
+ "absoluteRenderBounds": {
+ "x": 23292.42578125,
+ "y": 20639.7578125,
+ "width": 445.404296875,
+ "height": 109.318359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "characters": "With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "fontSize": 20,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 123.94367218017578,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17851",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17852",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17853",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17854",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 20844.26171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17855",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17855.svg",
+ "absoluteBoundingBox": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312,
+ "y": 20840.984375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17858",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17859",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23312,
+ "y": 20919.484375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23312.896484375,
+ "y": 20922.76171875,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20903.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20903.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "VERTICAL",
+ "paddingRight": 223.34375,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 492,
+ "height": 157
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 20824.984375,
+ "width": 492,
+ "height": 157
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 588,
+ "height": 496
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 588,
+ "height": 520
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17860",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17860.png",
+ "absoluteBoundingBox": {
+ "x": 23880,
+ "y": 20475.984375,
+ "width": 468,
+ "height": 468
+ },
+ "absoluteRenderBounds": {
+ "x": 23880,
+ "y": 20468.96875,
+ "width": 489.046875,
+ "height": 482.03125
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "counterAxisAlignItems": "CENTER",
+ "paddingRight": 60,
+ "itemSpacing": 60,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 1176,
+ "height": 496
+ },
+ "absoluteRenderBounds": {
+ "x": 23232,
+ "y": 20461.984375,
+ "width": 1176,
+ "height": 520
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 132,
+ "paddingRight": 132,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 20377.984375,
+ "width": 1440,
+ "height": 664
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 20377.984375,
+ "width": 1440,
+ "height": 664
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#FFF"
+ }
+ }
+ ],
+ "kebabName": "philosophy-section",
+ "path": "@/components/philosophy-section"
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **PhilosophySection** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface PhilosophySectionProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-4.md b/examples/skill-demo/scripts/code-prompt-4.md
new file mode 100644
index 0000000..064fea5
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-4.md
@@ -0,0 +1,393 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: 🗂️ backup and recover secrets: https://dotenvx.com/ops
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "FeatureCard",
+ "componentName": "FeatureCard",
+ "purpose": "Feature item: Spyware detection",
+ "layout": {
+ "boundingBox": {
+ "top": 21360,
+ "left": 23472,
+ "width": 200,
+ "height": 265
+ },
+ "relativeBoundingBox": {
+ "top": 318,
+ "left": 372,
+ "width": 200,
+ "height": 265
+ },
+ "spacing": {
+ "next": 48
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17869",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17870",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17870.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17872",
+ "name": "Spyware detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23486.71875,
+ "y": 21455.984375,
+ "width": 171,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23487.69921875,
+ "y": 21460.26171875,
+ "width": 168.6953125,
+ "height": 18.609375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Spyware detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17873",
+ "name": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23473.859375,
+ "y": 21504.984375,
+ "width": 196.4812469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.8984375,
+ "y": 21511.189453125,
+ "width": 172.544921875,
+ "height": 111.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "kebabName": "feature-card",
+ "componentPath": "@/components/feature-card",
+ "props": [
+ {
+ "name": "iconSrc",
+ "type": "string",
+ "example": "@/assets/FeatureCard-icon-1.svg"
+ },
+ {
+ "name": "title",
+ "type": "string",
+ "example": "Spyware detection"
+ },
+ {
+ "name": "description",
+ "type": "string",
+ "example": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software."
+ }
+ ]
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **FeatureCard** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface FeatureCardProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-5.md b/examples/skill-demo/scripts/code-prompt-5.md
new file mode 100644
index 0000000..1dbf78e
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-5.md
@@ -0,0 +1,1952 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: 📡 add observability to secrets: https://dotenvx.com/ops
+
+
+ You are a React Architect.
+ Your task is to assemble a "Frame" component that composes multiple child components based on Figma layout data.
+
+
+
+ {
+ "name": "FeaturesGrid",
+ "purpose": "Grid of key features and benefits",
+ "layout": {
+ "boundingBox": {
+ "top": 21042,
+ "left": 23100,
+ "width": 1440,
+ "height": 1202
+ },
+ "relativeBoundingBox": {
+ "top": 2277,
+ "left": 0,
+ "width": 1440,
+ "height": 1202
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17863",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17864",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17865",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17866",
+ "name": "Get your freedom back, stop mobile spyware today",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23450.5,
+ "y": 21124.984375,
+ "width": 739.1843872070312,
+ "height": 90
+ },
+ "absoluteRenderBounds": {
+ "x": 23518.48828125,
+ "y": 21133.08984375,
+ "width": 604.41796875,
+ "height": 80.2578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get your freedom back, stop mobile spyware today",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 36,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 103.28638458251953,
+ "lineHeightPercentFontSize": 125,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 50.5,
+ "paddingRight": 50.31561279296875,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21124.984375,
+ "width": 840,
+ "height": 91
+ },
+ "absoluteRenderBounds": {
+ "x": 23400,
+ "y": 21124.984375,
+ "width": 840,
+ "height": 91
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17867",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17868",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17869",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17870",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17870.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17872",
+ "name": "Spyware detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23486.71875,
+ "y": 21455.984375,
+ "width": 171,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23487.69921875,
+ "y": 21460.26171875,
+ "width": 168.6953125,
+ "height": 18.609375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Spyware detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17873",
+ "name": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23473.859375,
+ "y": 21504.984375,
+ "width": 196.4812469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.8984375,
+ "y": 21511.189453125,
+ "width": 172.544921875,
+ "height": 111.25
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17874",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17875",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17875.png",
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17877",
+ "name": "Keylogger detection",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23727.921875,
+ "y": 21455.984375,
+ "width": 184,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23729.224609375,
+ "y": 21460.26171875,
+ "width": 181.451171875,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Keylogger detection",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17878",
+ "name": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23727.828125,
+ "y": 21504.984375,
+ "width": 184.5437469482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23729.865234375,
+ "y": 21510.734375,
+ "width": 180.17578125,
+ "height": 110.48828125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords).",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23720,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17879",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17880",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17880.png",
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17882",
+ "name": "Find tracking apps",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23985.03125,
+ "y": 21455.984375,
+ "width": 167,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23986.095703125,
+ "y": 21460.26171875,
+ "width": 165.33984375,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find tracking apps",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17883",
+ "name": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23969.28125,
+ "y": 21504.984375,
+ "width": 197.6218719482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23977.044921875,
+ "y": 21510.984375,
+ "width": 181.416015625,
+ "height": 111.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23968,
+ "y": 21359.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17884",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17885",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17885.png",
+ "absoluteBoundingBox": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17887",
+ "name": "OS integrity check",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23487.40625,
+ "y": 21792.984375,
+ "width": 168,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23488.73828125,
+ "y": 21797.26171875,
+ "width": 166.248046875,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "OS integrity check",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17888",
+ "name": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23475.515625,
+ "y": 21841.984375,
+ "width": 193.1531219482422,
+ "height": 120
+ },
+ "absoluteRenderBounds": {
+ "x": 23485.353515625,
+ "y": 21847.984375,
+ "width": 172.66015625,
+ "height": 111.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17889",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17890",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17890.png",
+ "absoluteBoundingBox": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17892",
+ "name": "Threat removal",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23751.46875,
+ "y": 21792.984375,
+ "width": 137,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 23752.1171875,
+ "y": 21798.166015625,
+ "width": 135.244140625,
+ "height": 14.021484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Threat removal",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 108.7225112915039,
+ "lineHeightPercentFontSize": 131.57894897460938,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17893",
+ "name": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23720.859375,
+ "y": 21841.984375,
+ "width": 198.4812469482422,
+ "height": 96
+ },
+ "absoluteRenderBounds": {
+ "x": 23721.65234375,
+ "y": 21847.734375,
+ "width": 196.919921875,
+ "height": 83.419921875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 132.2065887451172,
+ "lineHeightPercentFontSize": 160,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23720,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17894",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17895",
+ "name": "div",
+ "type": "IMAGE",
+ "url": "@/assets/div-728-17895.png",
+ "absoluteBoundingBox": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "absoluteRenderBounds": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "width": 77,
+ "height": 72
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17897",
+ "name": "Easy to use",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24018.921875,
+ "y": 21792.984375,
+ "width": 98,
+ "height": 25
+ },
+ "absoluteRenderBounds": {
+ "x": 24020.26953125,
+ "y": 21798.892578125,
+ "width": 95.689453125,
+ "height": 16.7734375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Easy to use",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.4000000059604645,
+ "lineHeightPx": 25,
+ "lineHeightPercent": 114.76264953613281,
+ "lineHeightPercentFontSize": 138.88888549804688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17898",
+ "name": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23968.984375,
+ "y": 21841.984375,
+ "width": 198.2156219482422,
+ "height": 96
+ },
+ "absoluteRenderBounds": {
+ "x": 23973.30859375,
+ "y": 21848.34765625,
+ "width": 190.0234375,
+ "height": 83.841796875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "absoluteRenderBounds": {
+ "x": 23968,
+ "y": 21696.984375,
+ "width": 200,
+ "height": 265
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 696,
+ "height": 602
+ },
+ "absoluteRenderBounds": {
+ "x": 23472,
+ "y": 21359.984375,
+ "width": 696,
+ "height": 602
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17899",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17900",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17901",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17902",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23571.875,
+ "y": 22049.984375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23573.076171875,
+ "y": 22053.26171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17903",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17903.svg",
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 2,
+ "paddingRight": 2.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17906",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17907",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23864.53125,
+ "y": 22049.984375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23865.482421875,
+ "y": 22053.26171875,
+ "width": 199.955078125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 22,
+ "paddingRight": 23.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 24,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 564.25,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "width": 564.25,
+ "height": 78.5
+ },
+ "constraints": {
+ "vertical": "CENTER",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21287.984375,
+ "width": 840,
+ "height": 872.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23392,
+ "y": 21279.984375,
+ "width": 880,
+ "height": 912.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "boxShadow": "12px 12px 10px 0px rgba(0, 0, 0, 0.10)",
+ "background": "#FFF"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 21125.984375,
+ "width": 840,
+ "height": 1034.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23392,
+ "y": 21124.984375,
+ "width": 880,
+ "height": 1067.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 300,
+ "paddingRight": 300,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 21041.984375,
+ "width": 1440,
+ "height": 1202.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 21041.984375,
+ "width": 1440,
+ "height": 1202.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #F3F8FF 0%, #E7EFFA 100%)"
+ }
+ }
+ ],
+ "kebabName": "features-grid",
+ "path": "@/components/features-grid",
+ "states": [
+ {
+ "state": [
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-1.svg",
+ "title": "Spyware detection",
+ "description": "Our advanced spyware detection engine can identify if a device contains spyware or bugging software."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-2.svg",
+ "title": "Keylogger detection",
+ "description": "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords)."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-3.svg",
+ "title": "Find tracking apps",
+ "description": "Check which apps have access to your location, microphone or camera. Get alerted if a known tracking app is installed."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-4.svg",
+ "title": "OS integrity check",
+ "description": "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-5.svg",
+ "title": "Threat removal",
+ "description": "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions."
+ },
+ {
+ "iconSrc": "@/assets/FeatureCard-icon-6.svg",
+ "title": "Easy to use",
+ "description": "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes."
+ }
+ ],
+ "componentName": "FeatureCard",
+ "componentPath": "@/components/feature-card"
+ }
+ ]
+}
+ [
+ {
+ "name": "FeatureCard",
+ "path": "@/components/feature-card"
+ }
+]
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+
+
+ The `frame_details` parameter contains:
+ - `layout`: Layout information for the frame (flex/grid/absolute)
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `states` (optional): If present, this frame contains reusable components. Each state entry includes:
+ * `state`: Array of data objects to be used as props for component instances
+ * `componentName`: Name of the reusable component
+ * `componentPath`: Import path for the component
+ Use `states` data to render multiple instances of reusable components via `.map()`.
+
+
+
+
+
+ **Children Components & Props (CRITICAL)**:
+ - The `` field describes child components with their import paths and prop types.
+
+ - **List Rendering (States-based)**:
+ - Check if `` contains a `states` property (array).
+ - Each state entry has: `state` (data array), `componentName`, `componentPath`.
+ - Implementation:
+ ```tsx
+ import ComponentName from 'path';
+
+ {states[0].state.map((item, index) => (
+
+ ))}
+ ```
+ - **CRITICAL - Only Use State Data**:
+ - **ONLY** pass props that exist in the state data objects.
+ - **DO NOT** add extra props like `content`, `className`, or any other fields not present in state.
+ - **DO NOT** create or invent additional data - use exactly what's in the state array.
+ - Example: If state has `{iconSrc, title, description}`, only pass those three props.
+ - **Asset Imports**: If state data contains image paths (e.g., `imageSrc`, `iconSrc`),
+ import them at the top and pass as values.
+
+ - **Component Imports (CRITICAL)**:
+ - You MUST use the exact import path provided in the `` list for each component.
+ - **Example**:
+ - Provided: `{"name": "TaskGrid", "path": "@/components/tasks-section/task-grid"}`
+ - CORRECT: `import TaskGrid from "@/components/tasks-section/task-grid";`
+ - WRONG: `import TaskGrid from "@/components/task-grid";` (Do NOT do this!)
+
+
+
+ **Layout & Styling**:
+ - Use `layout_data` for dimensions, spacing, and flow (flex/grid).
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - Use responsive utilities provided by the chosen libraries to ensure the component is adaptive.
+ - Use `css_context` for exact background styles, gradients, and shadows.
+ - Use `relative` positioning for the container.
+ - Use `spacing` field in
to set the spacing between elements
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **DOM IDs**:
+
+ - Assign `id` attributes to the main container and any internal elements, matching `frame_details`.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
+
+
+The 'states' data contains references to assets (e.g. "@/assets/foo.png").
+You MUST:
+1. Import these assets at the top of the file: `import image_foo from '@/assets/foo.png';`
+2. In the `states` array in your code, use the variable `image_foo` instead of the string.
+ Example: `imageSrc: image_foo` (NOT `imageSrc: "@/assets/foo.png"`)
+
diff --git a/examples/skill-demo/scripts/code-prompt-6.md b/examples/skill-demo/scripts/code-prompt-6.md
new file mode 100644
index 0000000..0b7a8f8
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-6.md
@@ -0,0 +1,1210 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ⚙️ suppress all logs with { quiet: true }
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "ResourcesSection",
+ "purpose": "Helpful resources and story links",
+ "layout": {
+ "boundingBox": {
+ "top": 22244,
+ "left": 23100,
+ "width": 1440,
+ "height": 464
+ },
+ "relativeBoundingBox": {
+ "top": 3479,
+ "left": 0,
+ "width": 1440,
+ "height": 464
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17908",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17909",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17910",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17911",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17912",
+ "name": "Read our story",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 160,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23449.265625,
+ "y": 22381.7578125,
+ "width": 157.900390625,
+ "height": 21.431640625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Read our story",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 204,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 364,
+ "height": 31
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22375.484375,
+ "width": 364,
+ "height": 31
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17913",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17914",
+ "name": "Find out why thousands trust Certo to secure their mobile world.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 358.82501220703125,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23448.5,
+ "y": 22436.484375,
+ "width": 341.828125,
+ "height": 36.181640625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Find out why thousands trust Certo to secure their mobile world.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 5.17498779296875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 364,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22430.484375,
+ "width": 364,
+ "height": 48
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17915",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17916",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17917",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17918",
+ "name": "About us",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 68,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23468.3515625,
+ "y": 22545.576171875,
+ "width": 66.515625,
+ "height": 11.068359375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "About us",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17919",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17919.svg",
+ "absoluteBoundingBox": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "width": 16,
+ "height": 11
+ },
+ "absoluteRenderBounds": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "width": 16,
+ "height": 11
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 0.671875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 68.671875,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 23468,
+ "y": 22542.484375,
+ "width": 92.671875,
+ "height": 18
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 44,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22526.484375,
+ "width": 132.671875,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22526.484375,
+ "width": 132.671875,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#4335DE",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 231.328125,
+ "paddingTop": 48,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23448,
+ "y": 22478.484375,
+ "width": 364,
+ "height": 98
+ },
+ "absoluteRenderBounds": {
+ "x": 23448,
+ "y": 22478.484375,
+ "width": 364,
+ "height": 98
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23400,
+ "y": 22328.484375,
+ "width": 460,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23400,
+ "y": 22328.484375,
+ "width": 460,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "48px",
+ "background": "linear-gradient(180deg, #F7C95F 0%, #FDB235 100%)"
+ }
+ },
+ {
+ "id": "728:17922",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17923",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17924",
+ "name": "Help Center",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 131,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23981.265625,
+ "y": 22381.529296875,
+ "width": 129.28125,
+ "height": 21.66015625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help Center",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 23,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.47999998927116394,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 107.77710723876953,
+ "lineHeightPercentFontSize": 130.43478393554688,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 81,
+ "paddingBottom": 1,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 212,
+ "height": 31
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22375.484375,
+ "width": 212,
+ "height": 31
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17925",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17926",
+ "name": "Help topics, getting started guides and FAQs.",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 196.0281219482422,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23980.841796875,
+ "y": 22436.484375,
+ "width": 188.056640625,
+ "height": 39.455078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "HUG",
+ "characters": "Help topics, getting started guides and FAQs.",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "HEIGHT",
+ "fontSize": 16,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 24,
+ "lineHeightPercent": 123.94366455078125,
+ "lineHeightPercentFontSize": 150,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 15.971878051757812,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 212,
+ "height": 48
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22430.484375,
+ "width": 212,
+ "height": 48
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17927",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17928",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17929",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17930",
+ "name": "Visit help center",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 24000,
+ "y": 22542.484375,
+ "width": 123,
+ "height": 18
+ },
+ "absoluteRenderBounds": {
+ "x": 24000.3515625,
+ "y": 22544.861328125,
+ "width": 121.66796875,
+ "height": 14.69140625
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Visit help center",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 15,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 18,
+ "lineHeightPercent": 99.15493774414062,
+ "lineHeightPercentFontSize": 120,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 21.875,
+ "paddingTop": 16,
+ "paddingBottom": 16,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 164.875,
+ "height": 50
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 164.875,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #02033B",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 71.125,
+ "paddingBottom": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 236,
+ "height": 74
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22526.484375,
+ "width": 212,
+ "height": 50
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23980,
+ "y": 22478.484375,
+ "width": 212,
+ "height": 98
+ },
+ "absoluteRenderBounds": {
+ "x": 23980,
+ "y": 22478.484375,
+ "width": 212,
+ "height": 98
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23932,
+ "y": 22328.484375,
+ "width": 308,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23932,
+ "y": 22328.484375,
+ "width": 308,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 36,
+ "paddingRight": 36,
+ "itemSpacing": 72,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23364,
+ "y": 22328.484375,
+ "width": 912,
+ "height": 296
+ },
+ "absoluteRenderBounds": {
+ "x": 23364,
+ "y": 22328.484375,
+ "width": 912,
+ "height": 296
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 264,
+ "paddingRight": 264,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 22244.484375,
+ "width": 1440,
+ "height": 464
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 22244.484375,
+ "width": 1440,
+ "height": 464
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#FFF"
+ }
+ }
+ ],
+ "kebabName": "resources-section",
+ "path": "@/components/resources-section"
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **ResourcesSection** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface ResourcesSectionProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-7.md b/examples/skill-demo/scripts/code-prompt-7.md
new file mode 100644
index 0000000..961191e
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-7.md
@@ -0,0 +1,775 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ✅ audit secrets and track compliance: https://dotenvx.com/ops
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "SpyingCTA",
+ "purpose": "Call to action banner",
+ "layout": {
+ "boundingBox": {
+ "top": 22708,
+ "left": 23100,
+ "width": 1440,
+ "height": 408
+ },
+ "relativeBoundingBox": {
+ "top": 3943,
+ "left": 0,
+ "width": 1440,
+ "height": 408
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17931",
+ "name": "section",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17932",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17933",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17934",
+ "name": "Is someone spying on your phone?",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23540.34375,
+ "y": 22792.484375,
+ "width": 559,
+ "height": 45
+ },
+ "absoluteRenderBounds": {
+ "x": 23542.431640625,
+ "y": 22801.138671875,
+ "width": 555.16015625,
+ "height": 33.6875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Is someone spying on your phone?",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 34,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -0.7200000286102295,
+ "lineHeightPx": 45,
+ "lineHeightPercent": 109.36205291748047,
+ "lineHeightPercentFontSize": 132.35293579101562,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17935",
+ "name": "Find out with Certo",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23737.171875,
+ "y": 22887.484375,
+ "width": 164,
+ "height": 30
+ },
+ "absoluteRenderBounds": {
+ "x": 23738.8515625,
+ "y": 22895.984375,
+ "width": 161.302734375,
+ "height": 13.705078125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "characters": "Find out with Certo",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Regular",
+ "fontWeight": 400,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 18,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 30,
+ "lineHeightPercent": 137.71517944335938,
+ "lineHeightPercentFontSize": 166.6666717529297,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23460,
+ "y": 22792.484375,
+ "width": 720,
+ "height": 125
+ },
+ "absoluteRenderBounds": {
+ "x": 23460,
+ "y": 22792.484375,
+ "width": 720,
+ "height": 125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17936",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17937",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17938",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17939",
+ "name": "Get Certo for iPhone",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 192,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23570.771484375,
+ "y": 22996.76171875,
+ "width": 189.85546875,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for iPhone",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17940",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17940.svg",
+ "absoluteBoundingBox": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingRight": 4.65625,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 196.65625,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "width": 228.65625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 52,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "width": 268.65625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17943",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17944",
+ "name": "Get Certo for Android",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 1,
+ "g": 1,
+ "b": 1,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23862.53125,
+ "y": 22993.484375,
+ "width": 202,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23863.427734375,
+ "y": 22996.76171875,
+ "width": 199.95703125,
+ "height": 14.92578125
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Get Certo for Android",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "LEFT",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 25.59375,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "width": 247.59375,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "boxShadow": "inset 0px 0px 0px 2px #FFF",
+ "background": "rgba(255, 255, 255, 0.00)",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 89.875,
+ "paddingRight": 113.875,
+ "paddingBottom": 24,
+ "itemSpacing": 24,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23460,
+ "y": 22977.484375,
+ "width": 744,
+ "height": 78.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23460,
+ "y": 22977.484375,
+ "width": 744,
+ "height": 78.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23445,
+ "y": 22792.484375,
+ "width": 750,
+ "height": 239.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23445,
+ "y": 22792.484375,
+ "width": 759,
+ "height": 263.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 345,
+ "paddingRight": 345,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 22708.484375,
+ "width": 1440,
+ "height": 407.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 22708.484375,
+ "width": 1440,
+ "height": 407.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "linear-gradient(180deg, #2925CC 0%, #4B48E5 100%)"
+ }
+ }
+ ],
+ "kebabName": "spying-cta",
+ "path": "@/components/spying-cta"
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **SpyingCTA** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface SpyingCTAProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-8.md b/examples/skill-demo/scripts/code-prompt-8.md
new file mode 100644
index 0000000..c8e0f69
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-8.md
@@ -0,0 +1,235 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: 🔑 add access controls to secrets: https://dotenvx.com/ops
+
+
+ You are a Pixel-Perfect React Frontend Engineer.
+ Your goal is to implement a specific UI component from Figma design data with 100% visual fidelity while ensuring header scroll to sections on click.
+
+
+
+ {
+ "name": "InsightCard",
+ "componentName": "InsightCard",
+ "purpose": "Blog post card",
+ "layout": {
+ "boundingBox": {
+ "top": 23347,
+ "left": 23292,
+ "width": 320,
+ "height": 534
+ },
+ "relativeBoundingBox": {
+ "top": 231,
+ "left": 192,
+ "width": 320,
+ "height": 534
+ },
+ "spacing": {
+ "next": 48
+ },
+ "layoutDirection": "VERTICAL"
+ },
+ "elements": [
+ {
+ "id": "728:17958",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17958.png",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ }
+ ],
+ "kebabName": "insight-card",
+ "componentPath": "@/components/insight-card",
+ "props": [
+ {
+ "name": "imageSrc",
+ "type": "string",
+ "example": "@/assets/InsightCard-image-1.png"
+ },
+ {
+ "name": "tag",
+ "type": "string",
+ "example": "Guides"
+ },
+ {
+ "name": "title",
+ "type": "string",
+ "example": "The 6 Best Apps to Track Your Children (And Why)"
+ },
+ {
+ "name": "date",
+ "type": "string",
+ "example": "August 20, 2024"
+ },
+ {
+ "name": "description",
+ "type": "string",
+ "example": "These are the top apps for tracking your children..."
+ }
+ ]
+}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+
+
+ The `component_details` parameter contains:
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `componentName` (optional): If present, indicates this is a **reusable component**; if absent, it's a **regular component**
+ - `props` (optional): Props interface definition, only present when `componentName` exists
+
+
+
+ .gradientBorder {
+ position: relative;
+ z-index: 0;
+ &::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ padding: 1px; // From strokeWidth
+ border-radius: inherit;
+ background: linear-gradient(278deg, rgba(170, 255, 248, 0.60) 1.63%, rgba(71, 169, 255, 0.60) 104.34%); // From strokeColor
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+ -webkit-mask-composite: destination-out;
+ mask-composite: exclude;
+ z-index: -1;
+ }
+ }
+
+
+
+ Refer to the conversation history for the page thumbnail and context.
+ Use it to verify visual details like shadows, gradients, and spacing.
+
+
+
+
+
+ **High Fidelity & Responsive**:
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - **CRITICAL**: Use exact design values from `component_details.elements` (colors, spacing, font sizes, gradients, shadows, etc.)
+ - Use responsive utilities provided by the chosen libraries
+ - For complex styles (gradients, shadows), use values from `elements` directly in CSS Modules or inline styles
+ - For gradient rounded borders, CHECK `global_styles` for `.gradientBorder` mixin
+
+
+
+ **DOM Identification**:
+ - EVERY DOM element corresponding to a Figma node MUST have an `id` attribute.
+ - The `id` value must match the `id` in the Figma Data exactly.
+ - This is crucial for automated position validation.
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **Semantic HTML**:
+ - Use semantic tags: `
+
+
+ **Layout Strategy**:
+ - PREFER relative/flex/grid layout.
+ - Use absolute positioning ONLY for decoration/overlays or if Figma structure explicitly implies overlay.
+
+
+
+ **Naming Conventions**:
+ - Component Name: **InsightCard** (PascalCase).
+ - Export default.
+
+
+
+ **Component Type & Props (CRITICAL)**:
+
+ **IF `component_details.componentName` exists:**
+ - This is a **reusable component**
+ - Generate props interface from `component_details.props`: `interface InsightCardProps { ... }`
+ - Reference props in JSX: `{title}`, ` ` (NOT hardcoded values)
+
+ **IF `component_details.componentName` does NOT exist:**
+ - This is a **regular component**
+ - Do NOT generate props interface
+ - Directly hardcode content from `component_details.elements` into JSX
+
+ **Both types**: Do NOT repeat JSX to simulate grids; parent components handle iteration.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
diff --git a/examples/skill-demo/scripts/code-prompt-9.md b/examples/skill-demo/scripts/code-prompt-9.md
new file mode 100644
index 0000000..a5fba9b
--- /dev/null
+++ b/examples/skill-demo/scripts/code-prompt-9.md
@@ -0,0 +1,753 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: 🔑 add access controls to secrets: https://dotenvx.com/ops
+
+
+ You are a React Architect.
+ Your task is to assemble a "Frame" component that composes multiple child components based on Figma layout data.
+
+
+
+ {
+ "name": "LatestInsights",
+ "purpose": "Recent blog posts and articles",
+ "layout": {
+ "boundingBox": {
+ "top": 23116,
+ "left": 23100,
+ "width": 1440,
+ "height": 976
+ },
+ "relativeBoundingBox": {
+ "top": 4351,
+ "left": 0,
+ "width": 1440,
+ "height": 976
+ },
+ "spacing": {
+ "next": 0
+ },
+ "layoutDirection": "HORIZONTAL"
+ },
+ "elements": [
+ {
+ "id": "728:17945",
+ "name": "aside",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17946",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17947",
+ "name": "h2",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17948",
+ "name": "Latest insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23622.078125,
+ "y": 23199.984375,
+ "width": 396,
+ "height": 75
+ },
+ "absoluteRenderBounds": {
+ "x": 23625.634765625,
+ "y": 23214.591796875,
+ "width": 390.263671875,
+ "height": 55.484375
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "Latest insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 56,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": -1.2000000476837158,
+ "lineHeightPx": 75,
+ "lineHeightPercent": 110.66398620605469,
+ "lineHeightPercentFontSize": 133.92857360839844,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 330.078125,
+ "paddingRight": 329.921875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 75
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 75
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17949",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17950",
+ "name": "a",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17951",
+ "name": "span",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17952",
+ "name": "View all insights",
+ "type": "TEXT",
+ "scrollBehavior": "SCROLLS",
+ "blendMode": "PASS_THROUGH",
+ "fills": [
+ {
+ "blendMode": "NORMAL",
+ "type": "SOLID",
+ "color": {
+ "r": 0.007843137718737125,
+ "g": 0.0117647061124444,
+ "b": 0.23137255012989044,
+ "a": 1
+ }
+ }
+ ],
+ "strokes": [],
+ "strokeWeight": 1,
+ "strokeAlign": "OUTSIDE",
+ "absoluteBoundingBox": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 155,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23715.791015625,
+ "y": 23972.26171875,
+ "width": 153.22265625,
+ "height": 18.82421875
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "characters": "View all insights",
+ "characterStyleOverrides": [],
+ "styleOverrideTable": {},
+ "lineTypes": [
+ "NONE"
+ ],
+ "lineIndentations": [
+ 0
+ ],
+ "style": {
+ "fontFamily": "Inter",
+ "fontPostScriptName": null,
+ "fontStyle": "Extra Bold",
+ "fontWeight": 800,
+ "textAutoResize": "WIDTH_AND_HEIGHT",
+ "fontSize": 19,
+ "textAlignHorizontal": "CENTER",
+ "textAlignVertical": "CENTER",
+ "letterSpacing": 0,
+ "lineHeightPx": 22.5,
+ "lineHeightPercent": 97.85026550292969,
+ "lineHeightPercentFontSize": 118.42105102539062,
+ "lineHeightUnit": "PIXELS"
+ },
+ "layoutVersion": 3,
+ "effects": [],
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ },
+ {
+ "id": "728:17953",
+ "name": "span:after",
+ "type": "IMAGE",
+ "url": "@/assets/span-after-728-17953.svg",
+ "absoluteBoundingBox": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "width": 20,
+ "height": 14
+ },
+ "absoluteRenderBounds": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "width": 20,
+ "height": 14
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 155,
+ "height": 23
+ },
+ "absoluteRenderBounds": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "width": 186.0625,
+ "height": 23
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "cornerSmoothing": 0,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 20,
+ "paddingRight": 51.0625,
+ "paddingTop": 16,
+ "paddingBottom": 15.5,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "width": 226.0625,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "width": 226.0625,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "borderRadius": "42px",
+ "background": "#FFC247",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 417.96875,
+ "paddingRight": 441.96875,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23277,
+ "y": 23952.984375,
+ "width": 1086,
+ "height": 54.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 23952.984375,
+ "width": 1086,
+ "height": 54.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "overflow": "hidden"
+ }
+ },
+ {
+ "id": "728:17956",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17957",
+ "name": "div",
+ "type": "FRAME",
+ "scrollBehavior": "SCROLLS",
+ "children": [
+ {
+ "id": "728:17958",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17958.png",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ },
+ {
+ "id": "728:17965",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17965.png",
+ "absoluteBoundingBox": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 24028,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ },
+ {
+ "id": "728:17972",
+ "name": "a",
+ "type": "IMAGE",
+ "url": "@/assets/a-728-17972.png",
+ "absoluteBoundingBox": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23660,
+ "y": 23346.984375,
+ "width": 320,
+ "height": 534
+ },
+ "inlineStyles": {
+ "borderRadius": "48px"
+ }
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP_BOTTOM",
+ "horizontal": "LEFT_RIGHT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "absoluteRenderBounds": {
+ "x": 23292,
+ "y": 23346.984375,
+ "width": 1056,
+ "height": 534
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": false,
+ "strokeWeight": 1,
+ "absoluteBoundingBox": {
+ "x": 23292,
+ "y": 23199.984375,
+ "width": 1056,
+ "height": 807.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23277,
+ "y": 23199.984375,
+ "width": 1086,
+ "height": 807.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "CENTER"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "FIXED",
+ "layoutSizingVertical": "FIXED",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {}
+ }
+ ],
+ "blendMode": "PASS_THROUGH",
+ "clipsContent": true,
+ "strokeWeight": 1,
+ "layoutMode": "HORIZONTAL",
+ "paddingLeft": 192,
+ "paddingRight": 192,
+ "paddingTop": 84,
+ "paddingBottom": 84,
+ "layoutWrap": "NO_WRAP",
+ "absoluteBoundingBox": {
+ "x": 23100,
+ "y": 23115.984375,
+ "width": 1440,
+ "height": 975.5
+ },
+ "absoluteRenderBounds": {
+ "x": 23100,
+ "y": 23115.984375,
+ "width": 1440,
+ "height": 975.5
+ },
+ "constraints": {
+ "vertical": "TOP",
+ "horizontal": "LEFT"
+ },
+ "layoutAlign": "INHERIT",
+ "layoutGrow": 0,
+ "layoutSizingHorizontal": "HUG",
+ "layoutSizingVertical": "HUG",
+ "interactions": [],
+ "complexStrokeProperties": {
+ "strokeType": "BASIC"
+ },
+ "inlineStyles": {
+ "background": "#F3F8FF",
+ "overflow": "hidden"
+ }
+ }
+ ],
+ "kebabName": "latest-insights",
+ "path": "@/components/latest-insights",
+ "states": [
+ {
+ "state": [
+ {
+ "imageSrc": "@/assets/InsightCard-image-1.png",
+ "tag": "Guides",
+ "title": "The 6 Best Apps to Track Your Children (And Why)",
+ "date": "August 20, 2024",
+ "description": "These are the top apps for tracking your children. We also discuss why you should, or shouldn't track your kids."
+ },
+ {
+ "imageSrc": "@/assets/InsightCard-image-2.png",
+ "tag": "Expertise",
+ "title": "How to Hack a Phone: It’s Easier Than You Think",
+ "date": "August 20, 2024",
+ "description": "Phone hacking is a real threat and it can happen to anyone. Here's how it works and how to protect yourself."
+ },
+ {
+ "imageSrc": "@/assets/InsightCard-image-3.png",
+ "tag": "Guides",
+ "title": "5 Ways to Find Hidden Spy Apps on Your Phone",
+ "date": "August 20, 2024",
+ "description": "Think someone is spying on you? Here are 5 simple ways to find hidden spy apps on your iPhone or Android."
+ }
+ ],
+ "componentName": "InsightCard",
+ "componentPath": "@/components/insight-card"
+ }
+ ]
+}
+ [
+ {
+ "name": "InsightCard",
+ "path": "@/components/insight-card"
+ }
+]
+ {"approach":"Tailwind V4 and Less","libraries":[{"name":"Tailwind V4","role":"utility_first"},{"name":"Less","role":"css_preprocessor"}]}
+ Available asset files: a-728-17958.png, a-728-17965.png, a-728-17972.png, a-after-728-18065.svg, bg-circle-svg-728-17676.svg, div-728-17679.png, div-728-17706.svg, div-728-17780.svg, div-728-17799.svg, div-728-17818.svg, div-728-17837.svg, div-728-17860.png, div-728-17870.png, div-728-17875.png, div-728-17880.png, div-728-17885.png, div-728-17890.png, div-728-17895.png, figure-728-17698.png, form-newsletter-signup-footer-form-before-728-18030.svg, logo-svg-728-18047.svg, span-728-18004.svg, span-728-18009.svg, span-728-18014.svg, span-728-18019.svg, span-728-18024.svg, span-after-728-17693.svg, span-after-728-17855.svg, span-after-728-17903.svg, span-after-728-17919.svg, span-after-728-17940.svg, span-after-728-17953.svg, ul-728-17983.svg
+
+
+ The `frame_details` parameter contains:
+ - `layout`: Layout information for the frame (flex/grid/absolute)
+ - `elements`: Array of CSS styles and asset URLs for all elements in this component (colors, spacing, fonts, backgrounds, etc.)
+ - `states` (optional): If present, this frame contains reusable components. Each state entry includes:
+ * `state`: Array of data objects to be used as props for component instances
+ * `componentName`: Name of the reusable component
+ * `componentPath`: Import path for the component
+ Use `states` data to render multiple instances of reusable components via `.map()`.
+
+
+
+
+
+ **Children Components & Props (CRITICAL)**:
+ - The `` field describes child components with their import paths and prop types.
+
+ - **List Rendering (States-based)**:
+ - Check if `` contains a `states` property (array).
+ - Each state entry has: `state` (data array), `componentName`, `componentPath`.
+ - Implementation:
+ ```tsx
+ import ComponentName from 'path';
+
+ {states[0].state.map((item, index) => (
+
+ ))}
+ ```
+ - **CRITICAL - Only Use State Data**:
+ - **ONLY** pass props that exist in the state data objects.
+ - **DO NOT** add extra props like `content`, `className`, or any other fields not present in state.
+ - **DO NOT** create or invent additional data - use exactly what's in the state array.
+ - Example: If state has `{iconSrc, title, description}`, only pass those three props.
+ - **Asset Imports**: If state data contains image paths (e.g., `imageSrc`, `iconSrc`),
+ import them at the top and pass as values.
+
+ - **Component Imports (CRITICAL)**:
+ - You MUST use the exact import path provided in the `` list for each component.
+ - **Example**:
+ - Provided: `{"name": "TaskGrid", "path": "@/components/tasks-section/task-grid"}`
+ - CORRECT: `import TaskGrid from "@/components/tasks-section/task-grid";`
+ - WRONG: `import TaskGrid from "@/components/task-grid";` (Do NOT do this!)
+
+
+
+ **Layout & Styling**:
+ - Use `layout_data` for dimensions, spacing, and flow (flex/grid).
+
+ - **Style Consistency**: Implement styles using the technical stack and libraries listed in .
+ - **Strict Restriction**: Absolutely ONLY use the technical stack and libraries listed in . Do NOT use any other styling methods, libraries, or frameworks (e.g., if clsx is not listed, do not use clsx).
+ - **Default Styling**: If is empty or does not contain specific libraries, DEFAULT to standard vanilla CSS.
+
+ - **Tailwind CSS + CSS Modules (CRITICAL)**:
+ - If the stack includes BOTH Tailwind and CSS Modules (Less/SCSS), use them correctly:
+ 1. **Tailwind utilities**: Use DIRECTLY in JSX className (e.g., `className="flex items-center gap-4"`)
+ 2. **CSS Modules**: Use ONLY for complex styles that can't be expressed with Tailwind utilities (e.g., gradients, animations, pseudo-elements)
+ 3. **NEVER use `@apply` in CSS Module files** - it's a Tailwind-specific directive that doesn't work in Less/SCSS
+ 4. Example correct usage:
+ TSX: ``
+ Less: `.customGradient { background: linear-gradient(...); }`
+
+ - **CSS Modules Only**: If the tech stack specifies CSS Modules without Tailwind:
+ 1. Create a corresponding style file (e.g., `index.module.less`, `index.module.scss`, or `index.module.css`)
+ 2. Import it as `import styles from './index.module.[ext]';` in the TSX
+ 3. Define all styles in the style file using standard CSS/Less/SCSS syntax
+ 4. Use `styles.className` in JSX
+ - Use responsive utilities provided by the chosen libraries to ensure the component is adaptive.
+ - Use `css_context` for exact background styles, gradients, and shadows.
+ - Use `relative` positioning for the container.
+ - Use `spacing` field in
to set the spacing between elements
+
+
+
+ **Images & Assets**:
+
+ - **CRITICAL**: For any image URL starting with `@/assets`, you MUST import it at the top of the file.
+ - **Asset Name Matching**:
+ - Check the `` list for actual filenames in the project.
+ - Asset filenames follow the pattern: `kebab-case-name-id1-id2.ext` (e.g., "Star 2.svg" → "star-2-1-2861.svg")
+ - Match the base name (ignoring spaces, case, and ID suffix): "@/assets/arXiv.svg" → look for "arxiv-*.svg" in the list
+ - Use the EXACT filename from the available assets list in your import.
+ - Example: If available_assets contains "arxiv-1-2956.svg", use:
+ `import ArXivIcon from '@/assets/arxiv-1-2956.svg';`
+ - **Usage**: ` `, do not use backgroundImage property.
+ - **NEVER** use the string path directly in JSX or styles.
+
+
+
+ **DOM IDs**:
+
+ - Assign `id` attributes to the main container and any internal elements, matching `frame_details`.
+
+
+
+ **React Import**:
+
+ - Do **NOT** include `import React from 'react';` at the top of the file.
+
+
+
+ **File Naming**:
+
+ - ALWAYS name the main component file `index.tsx`.
+ - ALWAYS name the style file (if applicable) `index.module.[css|less|scss]`.
+ - NEVER use PascalCase or other names for filenames (e.g., DO NOT use `MainFrame.tsx` or `Button.tsx`).
+
+
+
+
+
+ If only one file (TSX) is needed:
+ ```tsx
+ // code...
+ ```
+
+ If multiple files are needed (e.g., TSX + Styles):
+ ## index.tsx
+ ```tsx
+ // code...
+ ```
+
+ ## index.module.[css|less|scss]
+ ```[css|less|scss]
+ // styles...
+ ```
+
+
+
+
+The 'states' data contains references to assets (e.g. "@/assets/foo.png").
+You MUST:
+1. Import these assets at the top of the file: `import image_foo from '@/assets/foo.png';`
+2. In the `states` array in your code, use the variable `image_foo` instead of the string.
+ Example: `imageSrc: image_foo` (NOT `imageSrc: "@/assets/foo.png"`)
+
diff --git a/examples/skill-demo/scripts/coderio-skill.mjs b/examples/skill-demo/scripts/coderio-skill.mjs
new file mode 100644
index 0000000..9ef9f0d
--- /dev/null
+++ b/examples/skill-demo/scripts/coderio-skill.mjs
@@ -0,0 +1,300 @@
+import fs from 'fs';
+import path from 'path';
+import {
+ parseFigmaUrl, executeFigmaAndImagesActions, figmaTool, downloadImage,
+ extractNodePositionsHierarchical, generateStructurePrompt, extractJSON,
+ postProcessStructure, extractComponentGroups, simplifyFigmaNodeForContent,
+ extractDataListPrompt,
+ flattenPostOrder, detectRenderingModes, generateFramePrompt, generateComponentPrompt,
+ DEFAULT_STYLING, saveGeneratedCode, workspaceManager,
+ toKebabCase, toPascalCase, INITIAL_AGENT_SYSTEM_PROMPT, initialAgentInstruction
+} from 'coderio';
+
+const [,, command, ...args] = process.argv;
+const appPath = process.cwd();
+const processDir = path.join(appPath, 'process');
+const scriptsDir = path.join(appPath, 'scripts');
+const assetsDir = path.join(appPath, 'src/assets');
+
+// Ensure directories exist
+[processDir, scriptsDir, assetsDir].forEach(d => {
+ if (!fs.existsSync(d)) fs.mkdirSync(d, { recursive: true });
+});
+
+function extractAllComponentGroups(node) {
+ const groups = new Map();
+ function traverse(currentNode) {
+ const localGroups = extractComponentGroups(currentNode);
+ for (const [name, list] of localGroups) {
+ if (!groups.has(name)) groups.set(name, []);
+ groups.get(name).push(...list);
+ }
+ if (currentNode.children) {
+ currentNode.children.forEach(traverse);
+ }
+ }
+ traverse(node);
+ return groups;
+}
+
+function findParentOfGroup(root, componentName) {
+ let result = null;
+ function traverse(node) {
+ if (result) return;
+ if (node.children && node.children.some(c => c.data.componentName === componentName)) {
+ result = node;
+ return;
+ }
+ if (node.children) node.children.forEach(traverse);
+ }
+ traverse(root);
+ return result;
+}
+
+function applyPropsAndStateToProtocol(parsed, node, compName, group, isList) {
+ if (parsed && parsed.state && Array.isArray(parsed.state)) {
+ if (isList) {
+ if (!node.data.states) {
+ node.data.states = [];
+ }
+
+ node.data.states = node.data.states.filter(s => s.componentName !== compName);
+
+ node.data.states.push({
+ state: parsed.state,
+ componentName: compName,
+ componentPath: group[0]?.data.componentPath || '',
+ });
+
+ const originalChildren = node.children || [];
+ const newChildren = [];
+ const processedComponentNames = new Set();
+
+ for (const child of originalChildren) {
+ const childName = child.data.componentName;
+ if (childName === compName) {
+ if (!processedComponentNames.has(childName)) {
+ child.data.name = childName;
+ child.id = childName;
+ const cleanKebabName = toKebabCase(childName);
+ child.data.kebabName = cleanKebabName;
+ delete child.data.path;
+
+ if (parsed.props && Array.isArray(parsed.props)) {
+ child.data.props = parsed.props;
+ }
+
+ newChildren.push(child);
+ processedComponentNames.add(childName);
+ }
+ } else {
+ newChildren.push(child);
+ }
+ }
+
+ node.children = newChildren;
+ }
+ }
+}
+
+async function main() {
+ try {
+ switch (command) {
+ case 'scaffold-prompt': {
+ console.log(INITIAL_AGENT_SYSTEM_PROMPT);
+ console.log('\n--- INSTRUCTION ---\n');
+ console.log(initialAgentInstruction({ appPath, appName: args[0] || 'MyApp' }));
+ break;
+ }
+
+ case 'fetch-figma': {
+ const [figmaUrl, figmaToken] = args;
+ if (!figmaUrl || !figmaToken) throw new Error('Usage: fetch-figma ');
+
+ const urlInfo = parseFigmaUrl(figmaUrl);
+ console.log('Fetching Figma document...');
+ const { document, imageNodesMap } = await executeFigmaAndImagesActions(urlInfo, assetsDir, processDir, figmaToken);
+
+ const simplified = figmaTool.simplifyImageNodes(document, imageNodesMap);
+ const processed = figmaTool.processedStyle(simplified);
+ fs.writeFileSync(path.join(processDir, 'processed.json'), JSON.stringify(processed, null, 2));
+
+ if (processed.thumbnailUrl) {
+ console.log('Downloading thumbnail...');
+ const base64 = await downloadImage(processed.thumbnailUrl, undefined, undefined, true);
+ fs.writeFileSync(path.join(processDir, 'thumbnail.png'), Buffer.from(base64, 'base64'));
+ console.log('Thumbnail saved to process/thumbnail.png');
+ }
+ console.log('Figma data processed.');
+ break;
+ }
+
+ case 'structure-prompt': {
+ const procDoc = JSON.parse(fs.readFileSync(path.join(processDir, 'processed.json'), 'utf-8'));
+ const frames = procDoc.frames || procDoc.children;
+ const positions = extractNodePositionsHierarchical(frames);
+ const prompt = generateStructurePrompt({
+ positions: JSON.stringify(positions, null, 2),
+ width: String(procDoc.absoluteBoundingBox?.width || 1440)
+ });
+ console.log(prompt);
+ break;
+ }
+
+ case 'save-structure': {
+ const structureJson = fs.readFileSync(path.join(scriptsDir, 'structure-output.json'), 'utf-8');
+ const pDoc = JSON.parse(fs.readFileSync(path.join(processDir, 'processed.json'), 'utf-8'));
+
+ const parsed = JSON.parse(extractJSON(structureJson));
+ const structFrames = pDoc.frames || pDoc.children;
+ postProcessStructure(parsed, structFrames);
+
+ const protocol = Array.isArray(parsed) ? parsed[0] : parsed;
+ fs.writeFileSync(path.join(processDir, 'protocol.json'), JSON.stringify(protocol, null, 2));
+ console.log('Structure saved to process/protocol.json');
+ break;
+ }
+
+ case 'list-components': {
+ const prot = JSON.parse(fs.readFileSync(path.join(processDir, 'protocol.json'), 'utf-8'));
+ const groups = extractAllComponentGroups(prot);
+ const list = Array.from(groups.keys()).map(name => {
+ return { name, count: groups.get(name).length };
+ });
+ fs.writeFileSync(path.join(scriptsDir, 'component-list.json'), JSON.stringify(list, null, 2));
+ console.log(JSON.stringify(list, null, 2));
+ break;
+ }
+
+ case 'props-prompt': {
+ const compName = args[0];
+ const prot2 = JSON.parse(fs.readFileSync(path.join(processDir, 'protocol.json'), 'utf-8'));
+ const groups2 = extractAllComponentGroups(prot2);
+ const group = groups2.get(compName);
+ if (!group) throw new Error(`Component ${compName} not found`);
+
+ const instances = group.flatMap(g => g.data.elements || []);
+ const simpleNodes = instances
+ .filter(n => typeof n === 'object' && n !== null)
+ .map(n => simplifyFigmaNodeForContent(n));
+
+ console.log(extractDataListPrompt({
+ containerName: prot2.data.name || 'Container',
+ childComponentName: compName,
+ figmaData: JSON.stringify(simpleNodes, null, 2)
+ }));
+ break;
+ }
+
+ case 'save-props': {
+ const cName = args[0];
+ const propsJsonPath = path.join(scriptsDir, `${cName}-props.json`);
+ const propsJson = fs.readFileSync(propsJsonPath, 'utf-8');
+ const parsedProps = JSON.parse(extractJSON(propsJson));
+
+ if (!parsedProps.props || parsedProps.props.length === 0) {
+ throw new Error('Validation Failed: Props array is empty.');
+ }
+
+ const prot3 = JSON.parse(fs.readFileSync(path.join(processDir, 'protocol.json'), 'utf-8'));
+ const groups3 = extractAllComponentGroups(prot3);
+ const group3 = groups3.get(cName);
+
+ const parentNode = findParentOfGroup(prot3, cName);
+ if (parentNode) {
+ applyPropsAndStateToProtocol(parsedProps, parentNode, cName, group3, true);
+ fs.writeFileSync(path.join(processDir, 'protocol.json'), JSON.stringify(prot3, null, 2));
+ console.log(`Props applied to ${cName} (Parent: ${parentNode.data.name || parentNode.id})`);
+ } else {
+ console.error(`Parent not found for ${cName}`);
+ }
+ break;
+ }
+
+ case 'list-gen-tasks': {
+ const prot4 = JSON.parse(fs.readFileSync(path.join(processDir, 'protocol.json'), 'utf-8'));
+ const flat = flattenPostOrder(prot4);
+ const tasks = flat.map((node, i) => ({
+ index: i,
+ name: node.data.name || node.data.componentName,
+ path: node.data.path || node.data.componentPath,
+ isLeaf: !node.children?.length
+ }));
+ fs.writeFileSync(path.join(scriptsDir, 'gen-tasks.json'), JSON.stringify(tasks, null, 2));
+ console.log(JSON.stringify(tasks, null, 2));
+ break;
+ }
+
+ case 'code-prompt': {
+ const idx = parseInt(args[0]);
+ const prot5 = JSON.parse(fs.readFileSync(path.join(processDir, 'protocol.json'), 'utf-8'));
+ const flat2 = flattenPostOrder(prot5);
+ const node = flat2[idx];
+ const assets = fs.readdirSync(assetsDir).join(', ');
+
+ let prompt = '';
+ if (!node.children?.length) {
+ prompt = generateComponentPrompt({
+ componentName: node.data.name || node.data.componentName,
+ componentDetails: JSON.stringify(node.data, null, 2),
+ styling: JSON.stringify(DEFAULT_STYLING),
+ assetFiles: assets
+ });
+ } else {
+ const imports = node.children.map(c => ({
+ name: c.data.name,
+ path: c.data.path || c.data.componentPath
+ }));
+ const modes = detectRenderingModes(node);
+ prompt = generateFramePrompt({
+ frameDetails: JSON.stringify(node.data, null, 2),
+ childrenImports: JSON.stringify(imports, null, 2),
+ styling: JSON.stringify(DEFAULT_STYLING),
+ assetFiles: assets,
+ renderingModes: modes
+ });
+ }
+
+ // Add instruction for Asset Imports in State
+ if (node.data.states && node.data.states.length > 0) {
+ prompt += `\n\n
+The 'states' data contains references to assets (e.g. "@/assets/foo.png").
+You MUST:
+1. Import these assets at the top of the file: \`import image_foo from '@/assets/foo.png';\`
+2. In the \`states\` array in your code, use the variable \`image_foo\` instead of the string.
+ Example: \`imageSrc: image_foo\` (NOT \`imageSrc: "@/assets/foo.png"\`)
+ `;
+ }
+
+ console.log(prompt);
+ break;
+ }
+
+ case 'save-code': {
+ const idx2 = parseInt(args[0]);
+ const codePath = path.join(scriptsDir, 'code-output.txt');
+ const code = fs.readFileSync(codePath, 'utf-8');
+
+ const prot6 = JSON.parse(fs.readFileSync(path.join(processDir, 'protocol.json'), 'utf-8'));
+ const flat3 = flattenPostOrder(prot6);
+ const node2 = flat3[idx2];
+
+ const componentPath = node2.data.path || node2.data.componentPath;
+ if (!componentPath) throw new Error(`Node ${node2.data.name} has no path`);
+
+ const compDir = path.join(appPath, 'src', workspaceManager.resolveComponentPath(componentPath));
+ saveGeneratedCode(code, compDir);
+ console.log(`Code saved to ${compDir}`);
+ break;
+ }
+
+ default:
+ console.log('Unknown command');
+ }
+ } catch (e) {
+ console.error('Error:', e.message);
+ process.exit(1);
+ }
+}
+
+main();
diff --git a/examples/skill-demo/scripts/component-list.json b/examples/skill-demo/scripts/component-list.json
new file mode 100644
index 0000000..7f28edf
--- /dev/null
+++ b/examples/skill-demo/scripts/component-list.json
@@ -0,0 +1,10 @@
+[
+ {
+ "name": "FeatureCard",
+ "count": 6
+ },
+ {
+ "name": "InsightCard",
+ "count": 3
+ }
+]
\ No newline at end of file
diff --git a/examples/skill-demo/scripts/gen-tasks.json b/examples/skill-demo/scripts/gen-tasks.json
new file mode 100644
index 0000000..e5ed8c8
--- /dev/null
+++ b/examples/skill-demo/scripts/gen-tasks.json
@@ -0,0 +1,74 @@
+[
+ {
+ "index": 0,
+ "name": "Header",
+ "path": "@/components/header",
+ "isLeaf": true
+ },
+ {
+ "index": 1,
+ "name": "HeroSection",
+ "path": "@/components/hero-section",
+ "isLeaf": true
+ },
+ {
+ "index": 2,
+ "name": "TrustSection",
+ "path": "@/components/trust-section",
+ "isLeaf": true
+ },
+ {
+ "index": 3,
+ "name": "PhilosophySection",
+ "path": "@/components/philosophy-section",
+ "isLeaf": true
+ },
+ {
+ "index": 4,
+ "name": "FeatureCard",
+ "path": "@/components/feature-card",
+ "isLeaf": true
+ },
+ {
+ "index": 5,
+ "name": "FeaturesGrid",
+ "path": "@/components/features-grid",
+ "isLeaf": false
+ },
+ {
+ "index": 6,
+ "name": "ResourcesSection",
+ "path": "@/components/resources-section",
+ "isLeaf": true
+ },
+ {
+ "index": 7,
+ "name": "SpyingCTA",
+ "path": "@/components/spying-cta",
+ "isLeaf": true
+ },
+ {
+ "index": 8,
+ "name": "InsightCard",
+ "path": "@/components/insight-card",
+ "isLeaf": true
+ },
+ {
+ "index": 9,
+ "name": "LatestInsights",
+ "path": "@/components/latest-insights",
+ "isLeaf": false
+ },
+ {
+ "index": 10,
+ "name": "Footer",
+ "path": "@/components/footer",
+ "isLeaf": true
+ },
+ {
+ "index": 11,
+ "name": "CertoLandingPage",
+ "path": "@/components",
+ "isLeaf": false
+ }
+]
\ No newline at end of file
diff --git a/examples/skill-demo/scripts/package.json b/examples/skill-demo/scripts/package.json
new file mode 100644
index 0000000..f060c4b
--- /dev/null
+++ b/examples/skill-demo/scripts/package.json
@@ -0,0 +1,8 @@
+{
+ "name": "coderio-scripts",
+ "version": "1.0.0",
+ "private": true,
+ "dependencies": {
+ "coderio": "latest"
+ }
+}
diff --git a/examples/skill-demo/scripts/pnpm-workspace.yaml b/examples/skill-demo/scripts/pnpm-workspace.yaml
new file mode 100644
index 0000000..fed2fc7
--- /dev/null
+++ b/examples/skill-demo/scripts/pnpm-workspace.yaml
@@ -0,0 +1,2 @@
+overrides:
+ coderio: link:../../../opensource/coderio
diff --git a/examples/skill-demo/scripts/structure-output.json b/examples/skill-demo/scripts/structure-output.json
new file mode 100644
index 0000000..d8a6326
--- /dev/null
+++ b/examples/skill-demo/scripts/structure-output.json
@@ -0,0 +1,297 @@
+{
+ "id": "CertoLandingPage",
+ "data": {
+ "name": "CertoLandingPage",
+ "purpose": "Main landing page wrapper",
+ "elementIds": ["728:17674", "728:18045"],
+ "layout": {
+ "boundingBox": { "top": 18765, "left": 23100, "width": 1440, "height": 6102 },
+ "relativeBoundingBox": { "top": 0, "left": 0, "width": 1440, "height": 6102 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": [
+ {
+ "id": "Header",
+ "data": {
+ "name": "Header",
+ "purpose": "Navigation bar with logo and menu",
+ "elementIds": ["728:18045", "728:18046", "728:18047", "728:18057", "728:18058", "728:18062", "728:18068", "728:17674"],
+ "layout": {
+ "boundingBox": { "top": 18765, "left": 23100, "width": 1440, "height": 102 },
+ "relativeBoundingBox": { "top": 0, "left": 0, "width": 1440, "height": 102 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "HORIZONTAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "HeroSection",
+ "data": {
+ "name": "HeroSection",
+ "purpose": "Hero area with main value proposition and illustration",
+ "elementIds": ["728:17675", "728:17676", "728:17679", "728:17682", "728:17683", "728:17698"],
+ "layout": {
+ "boundingBox": { "top": 18867, "left": 23100, "width": 1440, "height": 708 },
+ "relativeBoundingBox": { "top": 102, "left": 0, "width": 1440, "height": 708 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "HORIZONTAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "TrustSection",
+ "data": {
+ "name": "TrustSection",
+ "purpose": "Social proof with reviews and logos",
+ "elementIds": ["728:17701", "728:17702", "728:17704", "728:17775"],
+ "layout": {
+ "boundingBox": { "top": 19575, "left": 23100, "width": 1440, "height": 803 },
+ "relativeBoundingBox": { "top": 810, "left": 0, "width": 1440, "height": 803 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "PhilosophySection",
+ "data": {
+ "name": "PhilosophySection",
+ "purpose": "Company philosophy statement with image",
+ "elementIds": ["728:17846", "728:17847", "728:17848", "728:17860"],
+ "layout": {
+ "boundingBox": { "top": 20378, "left": 23100, "width": 1440, "height": 664 },
+ "relativeBoundingBox": { "top": 1613, "left": 0, "width": 1440, "height": 664 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "HORIZONTAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "FeaturesGrid",
+ "data": {
+ "name": "FeaturesGrid",
+ "purpose": "Grid of key features and benefits",
+ "elementIds": ["728:17863", "728:17864", "728:17865", "728:17867", "728:17868"],
+ "layout": {
+ "boundingBox": { "top": 21042, "left": 23100, "width": 1440, "height": 1202 },
+ "relativeBoundingBox": { "top": 2277, "left": 0, "width": 1440, "height": 1202 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": [
+ {
+ "id": "FeatureCard1",
+ "data": {
+ "name": "FeatureCard1",
+ "componentName": "FeatureCard",
+ "purpose": "Feature item: Spyware detection",
+ "elementIds": ["728:17869", "728:17870", "728:17872", "728:17873"],
+ "layout": {
+ "boundingBox": { "top": 21360, "left": 23472, "width": 200, "height": 265 },
+ "relativeBoundingBox": { "top": 318, "left": 372, "width": 200, "height": 265 },
+ "spacing": { "next": 48 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "FeatureCard2",
+ "data": {
+ "name": "FeatureCard2",
+ "componentName": "FeatureCard",
+ "purpose": "Feature item: Keylogger detection",
+ "elementIds": ["728:17874", "728:17875", "728:17877", "728:17878"],
+ "layout": {
+ "boundingBox": { "top": 21360, "left": 23720, "width": 200, "height": 265 },
+ "relativeBoundingBox": { "top": 318, "left": 620, "width": 200, "height": 265 },
+ "spacing": { "next": 48 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "FeatureCard3",
+ "data": {
+ "name": "FeatureCard3",
+ "componentName": "FeatureCard",
+ "purpose": "Feature item: Find tracking apps",
+ "elementIds": ["728:17879", "728:17880", "728:17882", "728:17883"],
+ "layout": {
+ "boundingBox": { "top": 21360, "left": 23968, "width": 200, "height": 265 },
+ "relativeBoundingBox": { "top": 318, "left": 868, "width": 200, "height": 265 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "FeatureCard4",
+ "data": {
+ "name": "FeatureCard4",
+ "componentName": "FeatureCard",
+ "purpose": "Feature item: OS integrity check",
+ "elementIds": ["728:17884", "728:17885", "728:17887", "728:17888"],
+ "layout": {
+ "boundingBox": { "top": 21697, "left": 23472, "width": 200, "height": 265 },
+ "relativeBoundingBox": { "top": 655, "left": 372, "width": 200, "height": 265 },
+ "spacing": { "next": 48 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "FeatureCard5",
+ "data": {
+ "name": "FeatureCard5",
+ "componentName": "FeatureCard",
+ "purpose": "Feature item: Threat removal",
+ "elementIds": ["728:17889", "728:17890", "728:17892", "728:17893"],
+ "layout": {
+ "boundingBox": { "top": 21697, "left": 23720, "width": 200, "height": 265 },
+ "relativeBoundingBox": { "top": 655, "left": 620, "width": 200, "height": 265 },
+ "spacing": { "next": 48 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "FeatureCard6",
+ "data": {
+ "name": "FeatureCard6",
+ "componentName": "FeatureCard",
+ "purpose": "Feature item: Easy to use",
+ "elementIds": ["728:17894", "728:17895", "728:17897", "728:17898"],
+ "layout": {
+ "boundingBox": { "top": 21697, "left": 23968, "width": 200, "height": 265 },
+ "relativeBoundingBox": { "top": 655, "left": 868, "width": 200, "height": 265 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "id": "ResourcesSection",
+ "data": {
+ "name": "ResourcesSection",
+ "purpose": "Helpful resources and story links",
+ "elementIds": ["728:17908", "728:17909", "728:17910", "728:17922"],
+ "layout": {
+ "boundingBox": { "top": 22244, "left": 23100, "width": 1440, "height": 464 },
+ "relativeBoundingBox": { "top": 3479, "left": 0, "width": 1440, "height": 464 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "HORIZONTAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "SpyingCTA",
+ "data": {
+ "name": "SpyingCTA",
+ "purpose": "Call to action banner",
+ "elementIds": ["728:17931", "728:17932", "728:17933", "728:17936"],
+ "layout": {
+ "boundingBox": { "top": 22708, "left": 23100, "width": 1440, "height": 408 },
+ "relativeBoundingBox": { "top": 3943, "left": 0, "width": 1440, "height": 408 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "LatestInsights",
+ "data": {
+ "name": "LatestInsights",
+ "purpose": "Recent blog posts and articles",
+ "elementIds": ["728:17945", "728:17946", "728:17947", "728:17956", "728:17957"],
+ "layout": {
+ "boundingBox": { "top": 23116, "left": 23100, "width": 1440, "height": 976 },
+ "relativeBoundingBox": { "top": 4351, "left": 0, "width": 1440, "height": 976 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "HORIZONTAL"
+ }
+ },
+ "children": [
+ {
+ "id": "InsightCard1",
+ "data": {
+ "name": "InsightCard1",
+ "componentName": "InsightCard",
+ "purpose": "Blog post card",
+ "elementIds": ["728:17958"],
+ "layout": {
+ "boundingBox": { "top": 23347, "left": 23292, "width": 320, "height": 534 },
+ "relativeBoundingBox": { "top": 231, "left": 192, "width": 320, "height": 534 },
+ "spacing": { "next": 48 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "InsightCard2",
+ "data": {
+ "name": "InsightCard2",
+ "componentName": "InsightCard",
+ "purpose": "Blog post card",
+ "elementIds": ["728:17972"],
+ "layout": {
+ "boundingBox": { "top": 23347, "left": 23660, "width": 320, "height": 534 },
+ "relativeBoundingBox": { "top": 231, "left": 560, "width": 320, "height": 534 },
+ "spacing": { "next": 48 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ },
+ {
+ "id": "InsightCard3",
+ "data": {
+ "name": "InsightCard3",
+ "componentName": "InsightCard",
+ "purpose": "Blog post card",
+ "elementIds": ["728:17965"],
+ "layout": {
+ "boundingBox": { "top": 23347, "left": 24028, "width": 320, "height": 534 },
+ "relativeBoundingBox": { "top": 231, "left": 928, "width": 320, "height": 534 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "id": "Footer",
+ "data": {
+ "name": "Footer",
+ "purpose": "Site footer with links and copyright",
+ "elementIds": ["728:17979", "728:17980", "728:17981", "728:17996", "728:17999", "728:18028", "728:18043", "728:18044"],
+ "layout": {
+ "boundingBox": { "top": 24091, "left": 23100, "width": 1440, "height": 776 },
+ "relativeBoundingBox": { "top": 5326, "left": 0, "width": 1440, "height": 776 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/examples/skill-demo/scripts/structure-prompt.md b/examples/skill-demo/scripts/structure-prompt.md
new file mode 100644
index 0000000..b2afcf2
--- /dev/null
+++ b/examples/skill-demo/scripts/structure-prompt.md
@@ -0,0 +1,1594 @@
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ⚙️ suppress all logs with { quiet: true }
+
+ Generate a semantic React component structure from Figma design data.
+
+
+ {
+ "728:17674": {
+ "x": 23100,
+ "y": 18765,
+ "w": 1440,
+ "h": 102
+ },
+ "728:17675": {
+ "x": 23100,
+ "y": 18867,
+ "w": 1440,
+ "h": 708,
+ "children": {
+ "728:17676": {
+ "x": 21300,
+ "y": 18690,
+ "w": 3600,
+ "h": 1770
+ },
+ "728:17679": {
+ "x": 23892,
+ "y": 18961.1875,
+ "w": 720,
+ "h": 720
+ },
+ "728:17682": {
+ "x": 23277,
+ "y": 18990.375,
+ "w": 1086,
+ "h": 461.25,
+ "children": {
+ "728:17683": {
+ "x": 23277,
+ "y": 18990.375,
+ "w": 633.5,
+ "h": 461.25,
+ "children": {
+ "728:17684": {
+ "x": 23292,
+ "y": 19001.75,
+ "w": 603.5,
+ "h": 150,
+ "children": {
+ "728:17685": {
+ "x": 23292,
+ "y": 19001.75,
+ "w": 595.2000122070312,
+ "h": 150
+ }
+ }
+ },
+ "728:17686": {
+ "x": 23292,
+ "y": 19199.75,
+ "w": 603.5,
+ "h": 90,
+ "children": {
+ "728:17687": {
+ "x": 23292,
+ "y": 19203.75,
+ "w": 597.8875122070312,
+ "h": 82
+ }
+ }
+ },
+ "728:17688": {
+ "x": 23292,
+ "y": 19289.75,
+ "w": 603.5,
+ "h": 150.5,
+ "children": {
+ "728:17689": {
+ "x": 23292,
+ "y": 19385.75,
+ "w": 612.25,
+ "h": 78.5,
+ "children": {
+ "728:17690": {
+ "x": 23292,
+ "y": 19385.75,
+ "w": 268.65625,
+ "h": 54.5,
+ "children": {
+ "728:17691": {
+ "x": 23312,
+ "y": 19401.75,
+ "w": 196.65625,
+ "h": 23,
+ "children": {
+ "728:17692": {
+ "x": 23312,
+ "y": 19401.75,
+ "w": 192,
+ "h": 23
+ },
+ "728:17693": {
+ "x": 23520.65625,
+ "y": 19406,
+ "w": 20,
+ "h": 14
+ }
+ }
+ }
+ }
+ },
+ "728:17696": {
+ "x": 23608.65625,
+ "y": 19385.75,
+ "w": 247.59375,
+ "h": 54.5,
+ "children": {
+ "728:17697": {
+ "x": 23628.65625,
+ "y": 19401.75,
+ "w": 202,
+ "h": 23
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17698": {
+ "x": 23925.5,
+ "y": 18990.375,
+ "w": 241.5,
+ "h": 461.25
+ }
+ }
+ }
+ }
+ },
+ "728:17700": {
+ "x": 23100,
+ "y": 19575,
+ "w": 1440,
+ "h": 4516.484375,
+ "children": {
+ "728:17701": {
+ "x": 23100,
+ "y": 19575,
+ "w": 1440,
+ "h": 802.984375,
+ "children": {
+ "728:17702": {
+ "x": 23196,
+ "y": 19658,
+ "w": 609,
+ "h": 91,
+ "children": {
+ "728:17703": {
+ "x": 23196,
+ "y": 19658,
+ "w": 563.4187622070312,
+ "h": 90
+ }
+ }
+ },
+ "728:17704": {
+ "x": 23196,
+ "y": 20198.984375,
+ "w": 1248,
+ "h": 95,
+ "children": {
+ "728:17705": {
+ "x": 23196,
+ "y": 20230.484375,
+ "w": 129,
+ "h": 30
+ },
+ "728:17706": {
+ "x": 23398.25,
+ "y": 20198.984375,
+ "w": 1045.75,
+ "h": 95
+ }
+ }
+ },
+ "728:17775": {
+ "x": 22348,
+ "y": 19821,
+ "w": 2096,
+ "h": 305.984375,
+ "children": {
+ "728:17776": {
+ "x": 22348,
+ "y": 19821,
+ "w": 1248,
+ "h": 305.984375,
+ "children": {
+ "728:17777": {
+ "x": 22772,
+ "y": 19821,
+ "w": 400,
+ "h": 305.984375,
+ "children": {
+ "728:17778": {
+ "x": 22808,
+ "y": 19906.984375,
+ "w": 314.85626220703125,
+ "h": 120
+ }
+ }
+ },
+ "728:17779": {
+ "x": 23196,
+ "y": 19821,
+ "w": 400,
+ "h": 305.984375,
+ "children": {
+ "728:17780": {
+ "x": 23232,
+ "y": 19857,
+ "w": 328,
+ "h": 25.984375
+ },
+ "728:17796": {
+ "x": 23232,
+ "y": 19906.984375,
+ "w": 312.46563720703125,
+ "h": 80
+ },
+ "728:17797": {
+ "x": 23232,
+ "y": 20010.984375,
+ "w": 136,
+ "h": 20
+ }
+ }
+ },
+ "728:17798": {
+ "x": 23620,
+ "y": 19821,
+ "w": 400,
+ "h": 305.984375,
+ "children": {
+ "728:17799": {
+ "x": 23656,
+ "y": 19857,
+ "w": 328,
+ "h": 25.984375
+ },
+ "728:17815": {
+ "x": 23656,
+ "y": 19906.984375,
+ "w": 318.79376220703125,
+ "h": 140
+ },
+ "728:17816": {
+ "x": 23656,
+ "y": 20070.984375,
+ "w": 107,
+ "h": 20
+ }
+ }
+ },
+ "728:17817": {
+ "x": 24044,
+ "y": 19821,
+ "w": 400,
+ "h": 305.984375,
+ "children": {
+ "728:17818": {
+ "x": 24080,
+ "y": 19857,
+ "w": 328,
+ "h": 25.984375
+ },
+ "728:17834": {
+ "x": 24080,
+ "y": 19906.984375,
+ "w": 313.10626220703125,
+ "h": 80
+ },
+ "728:17835": {
+ "x": 24080,
+ "y": 20010.984375,
+ "w": 111,
+ "h": 20
+ }
+ }
+ },
+ "728:17836": {
+ "x": 24468,
+ "y": 19821,
+ "w": 400,
+ "h": 305.984375,
+ "children": {
+ "728:17837": {
+ "x": 24504,
+ "y": 19857,
+ "w": 328,
+ "h": 25.984375
+ },
+ "728:17844": {
+ "x": 24504,
+ "y": 19906.984375,
+ "w": 322.91876220703125,
+ "h": 140
+ },
+ "728:17845": {
+ "x": 24504,
+ "y": 20070.984375,
+ "w": 102,
+ "h": 20
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17846": {
+ "x": 23100,
+ "y": 20377.984375,
+ "w": 1440,
+ "h": 664,
+ "children": {
+ "728:17847": {
+ "x": 23232,
+ "y": 20461.984375,
+ "w": 1176,
+ "h": 496,
+ "children": {
+ "728:17848": {
+ "x": 23232,
+ "y": 20461.984375,
+ "w": 588,
+ "h": 496,
+ "children": {
+ "728:17849": {
+ "x": 23292,
+ "y": 20463.984375,
+ "w": 446.40313720703125,
+ "h": 130
+ },
+ "728:17850": {
+ "x": 23292,
+ "y": 20636.984375,
+ "w": 448.23126220703125,
+ "h": 112
+ },
+ "728:17851": {
+ "x": 23292,
+ "y": 20824.984375,
+ "w": 492,
+ "h": 157,
+ "children": {
+ "728:17852": {
+ "x": 23292,
+ "y": 20824.984375,
+ "w": 268.65625,
+ "h": 54.5,
+ "children": {
+ "728:17853": {
+ "x": 23312,
+ "y": 20840.984375,
+ "w": 196.65625,
+ "h": 23,
+ "children": {
+ "728:17854": {
+ "x": 23312,
+ "y": 20840.984375,
+ "w": 192,
+ "h": 23
+ },
+ "728:17855": {
+ "x": 23520.65625,
+ "y": 20845.234375,
+ "w": 20,
+ "h": 14
+ }
+ }
+ }
+ }
+ },
+ "728:17858": {
+ "x": 23292,
+ "y": 20903.484375,
+ "w": 247.59375,
+ "h": 54.5,
+ "children": {
+ "728:17859": {
+ "x": 23312,
+ "y": 20919.484375,
+ "w": 202,
+ "h": 23
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17860": {
+ "x": 23880,
+ "y": 20475.984375,
+ "w": 468,
+ "h": 468
+ }
+ }
+ }
+ }
+ },
+ "728:17863": {
+ "x": 23100,
+ "y": 21041.984375,
+ "w": 1440,
+ "h": 1202.5,
+ "children": {
+ "728:17864": {
+ "x": 23400,
+ "y": 21125.984375,
+ "w": 840,
+ "h": 1034.5,
+ "children": {
+ "728:17865": {
+ "x": 23400,
+ "y": 21124.984375,
+ "w": 840,
+ "h": 91,
+ "children": {
+ "728:17866": {
+ "x": 23450.5,
+ "y": 21124.984375,
+ "w": 739.1843872070312,
+ "h": 90
+ }
+ }
+ },
+ "728:17867": {
+ "x": 23400,
+ "y": 21287.984375,
+ "w": 840,
+ "h": 872.5,
+ "children": {
+ "728:17868": {
+ "x": 23472,
+ "y": 21359.984375,
+ "w": 696,
+ "h": 602,
+ "children": {
+ "728:17869": {
+ "x": 23472,
+ "y": 21359.984375,
+ "w": 200,
+ "h": 265,
+ "children": {
+ "728:17870": {
+ "x": 23533.5,
+ "y": 21359.984375,
+ "w": 77,
+ "h": 72
+ },
+ "728:17872": {
+ "x": 23486.71875,
+ "y": 21455.984375,
+ "w": 171,
+ "h": 25
+ },
+ "728:17873": {
+ "x": 23473.859375,
+ "y": 21504.984375,
+ "w": 196.4812469482422,
+ "h": 120
+ }
+ }
+ },
+ "728:17874": {
+ "x": 23720,
+ "y": 21359.984375,
+ "w": 200,
+ "h": 265,
+ "children": {
+ "728:17875": {
+ "x": 23781.5,
+ "y": 21359.984375,
+ "w": 77,
+ "h": 72
+ },
+ "728:17877": {
+ "x": 23727.921875,
+ "y": 21455.984375,
+ "w": 184,
+ "h": 25
+ },
+ "728:17878": {
+ "x": 23727.828125,
+ "y": 21504.984375,
+ "w": 184.5437469482422,
+ "h": 120
+ }
+ }
+ },
+ "728:17879": {
+ "x": 23968,
+ "y": 21359.984375,
+ "w": 200,
+ "h": 265,
+ "children": {
+ "728:17880": {
+ "x": 24029.5,
+ "y": 21359.984375,
+ "w": 77,
+ "h": 72
+ },
+ "728:17882": {
+ "x": 23985.03125,
+ "y": 21455.984375,
+ "w": 167,
+ "h": 25
+ },
+ "728:17883": {
+ "x": 23969.28125,
+ "y": 21504.984375,
+ "w": 197.6218719482422,
+ "h": 120
+ }
+ }
+ },
+ "728:17884": {
+ "x": 23472,
+ "y": 21696.984375,
+ "w": 200,
+ "h": 265,
+ "children": {
+ "728:17885": {
+ "x": 23533.5,
+ "y": 21696.984375,
+ "w": 77,
+ "h": 72
+ },
+ "728:17887": {
+ "x": 23487.40625,
+ "y": 21792.984375,
+ "w": 168,
+ "h": 25
+ },
+ "728:17888": {
+ "x": 23475.515625,
+ "y": 21841.984375,
+ "w": 193.1531219482422,
+ "h": 120
+ }
+ }
+ },
+ "728:17889": {
+ "x": 23720,
+ "y": 21696.984375,
+ "w": 200,
+ "h": 265,
+ "children": {
+ "728:17890": {
+ "x": 23781.5,
+ "y": 21696.984375,
+ "w": 77,
+ "h": 72
+ },
+ "728:17892": {
+ "x": 23751.46875,
+ "y": 21792.984375,
+ "w": 137,
+ "h": 25
+ },
+ "728:17893": {
+ "x": 23720.859375,
+ "y": 21841.984375,
+ "w": 198.4812469482422,
+ "h": 96
+ }
+ }
+ },
+ "728:17894": {
+ "x": 23968,
+ "y": 21696.984375,
+ "w": 200,
+ "h": 265,
+ "children": {
+ "728:17895": {
+ "x": 24029.5,
+ "y": 21696.984375,
+ "w": 77,
+ "h": 72
+ },
+ "728:17897": {
+ "x": 24018.921875,
+ "y": 21792.984375,
+ "w": 98,
+ "h": 25
+ },
+ "728:17898": {
+ "x": 23968.984375,
+ "y": 21841.984375,
+ "w": 198.2156219482422,
+ "h": 96
+ }
+ }
+ }
+ }
+ },
+ "728:17899": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "w": 564.25,
+ "h": 78.5,
+ "children": {
+ "728:17900": {
+ "x": 23549.875,
+ "y": 22033.984375,
+ "w": 268.65625,
+ "h": 54.5,
+ "children": {
+ "728:17901": {
+ "x": 23569.875,
+ "y": 22049.984375,
+ "w": 196.65625,
+ "h": 23,
+ "children": {
+ "728:17902": {
+ "x": 23571.875,
+ "y": 22049.984375,
+ "w": 192,
+ "h": 23
+ },
+ "728:17903": {
+ "x": 23778.53125,
+ "y": 22054.234375,
+ "w": 20,
+ "h": 14
+ }
+ }
+ }
+ }
+ },
+ "728:17906": {
+ "x": 23842.53125,
+ "y": 22033.984375,
+ "w": 247.59375,
+ "h": 54.5,
+ "children": {
+ "728:17907": {
+ "x": 23864.53125,
+ "y": 22049.984375,
+ "w": 202,
+ "h": 23
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17908": {
+ "x": 23100,
+ "y": 22244.484375,
+ "w": 1440,
+ "h": 464,
+ "children": {
+ "728:17909": {
+ "x": 23364,
+ "y": 22328.484375,
+ "w": 912,
+ "h": 296,
+ "children": {
+ "728:17910": {
+ "x": 23400,
+ "y": 22328.484375,
+ "w": 460,
+ "h": 296,
+ "children": {
+ "728:17911": {
+ "x": 23448,
+ "y": 22375.484375,
+ "w": 364,
+ "h": 31,
+ "children": {
+ "728:17912": {
+ "x": 23448,
+ "y": 22375.484375,
+ "w": 160,
+ "h": 30
+ }
+ }
+ },
+ "728:17913": {
+ "x": 23448,
+ "y": 22430.484375,
+ "w": 364,
+ "h": 48,
+ "children": {
+ "728:17914": {
+ "x": 23448,
+ "y": 22430.484375,
+ "w": 358.82501220703125,
+ "h": 48
+ }
+ }
+ },
+ "728:17915": {
+ "x": 23448,
+ "y": 22478.484375,
+ "w": 364,
+ "h": 98,
+ "children": {
+ "728:17916": {
+ "x": 23448,
+ "y": 22526.484375,
+ "w": 132.671875,
+ "h": 50,
+ "children": {
+ "728:17917": {
+ "x": 23468,
+ "y": 22542.484375,
+ "w": 68.671875,
+ "h": 18,
+ "children": {
+ "728:17918": {
+ "x": 23468,
+ "y": 22542.484375,
+ "w": 68,
+ "h": 18
+ },
+ "728:17919": {
+ "x": 23544.671875,
+ "y": 22545.984375,
+ "w": 16,
+ "h": 11
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17922": {
+ "x": 23932,
+ "y": 22328.484375,
+ "w": 308,
+ "h": 296,
+ "children": {
+ "728:17923": {
+ "x": 23980,
+ "y": 22375.484375,
+ "w": 212,
+ "h": 31,
+ "children": {
+ "728:17924": {
+ "x": 23980,
+ "y": 22375.484375,
+ "w": 131,
+ "h": 30
+ }
+ }
+ },
+ "728:17925": {
+ "x": 23980,
+ "y": 22430.484375,
+ "w": 212,
+ "h": 48,
+ "children": {
+ "728:17926": {
+ "x": 23980,
+ "y": 22430.484375,
+ "w": 196.0281219482422,
+ "h": 48
+ }
+ }
+ },
+ "728:17927": {
+ "x": 23980,
+ "y": 22478.484375,
+ "w": 212,
+ "h": 98,
+ "children": {
+ "728:17928": {
+ "x": 23980,
+ "y": 22526.484375,
+ "w": 236,
+ "h": 74,
+ "children": {
+ "728:17929": {
+ "x": 23980,
+ "y": 22526.484375,
+ "w": 164.875,
+ "h": 50,
+ "children": {
+ "728:17930": {
+ "x": 24000,
+ "y": 22542.484375,
+ "w": 123,
+ "h": 18
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17931": {
+ "x": 23100,
+ "y": 22708.484375,
+ "w": 1440,
+ "h": 407.5,
+ "children": {
+ "728:17932": {
+ "x": 23445,
+ "y": 22792.484375,
+ "w": 750,
+ "h": 239.5,
+ "children": {
+ "728:17933": {
+ "x": 23460,
+ "y": 22792.484375,
+ "w": 720,
+ "h": 125,
+ "children": {
+ "728:17934": {
+ "x": 23540.34375,
+ "y": 22792.484375,
+ "w": 559,
+ "h": 45
+ },
+ "728:17935": {
+ "x": 23737.171875,
+ "y": 22887.484375,
+ "w": 164,
+ "h": 30
+ }
+ }
+ },
+ "728:17936": {
+ "x": 23460,
+ "y": 22977.484375,
+ "w": 744,
+ "h": 78.5,
+ "children": {
+ "728:17937": {
+ "x": 23549.875,
+ "y": 22977.484375,
+ "w": 268.65625,
+ "h": 54.5,
+ "children": {
+ "728:17938": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "w": 196.65625,
+ "h": 23,
+ "children": {
+ "728:17939": {
+ "x": 23569.875,
+ "y": 22993.484375,
+ "w": 192,
+ "h": 23
+ },
+ "728:17940": {
+ "x": 23778.53125,
+ "y": 22997.734375,
+ "w": 20,
+ "h": 14
+ }
+ }
+ }
+ }
+ },
+ "728:17943": {
+ "x": 23842.53125,
+ "y": 22977.484375,
+ "w": 247.59375,
+ "h": 54.5,
+ "children": {
+ "728:17944": {
+ "x": 23862.53125,
+ "y": 22993.484375,
+ "w": 202,
+ "h": 23
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17945": {
+ "x": 23100,
+ "y": 23115.984375,
+ "w": 1440,
+ "h": 975.5,
+ "children": {
+ "728:17946": {
+ "x": 23292,
+ "y": 23199.984375,
+ "w": 1056,
+ "h": 807.5,
+ "children": {
+ "728:17947": {
+ "x": 23292,
+ "y": 23199.984375,
+ "w": 1056,
+ "h": 75,
+ "children": {
+ "728:17948": {
+ "x": 23622.078125,
+ "y": 23199.984375,
+ "w": 396,
+ "h": 75
+ }
+ }
+ },
+ "728:17949": {
+ "x": 23277,
+ "y": 23952.984375,
+ "w": 1086,
+ "h": 54.5,
+ "children": {
+ "728:17950": {
+ "x": 23694.96875,
+ "y": 23952.984375,
+ "w": 226.0625,
+ "h": 54.5,
+ "children": {
+ "728:17951": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "w": 155,
+ "h": 23,
+ "children": {
+ "728:17952": {
+ "x": 23714.96875,
+ "y": 23968.984375,
+ "w": 155,
+ "h": 23
+ },
+ "728:17953": {
+ "x": 23881.03125,
+ "y": 23973.234375,
+ "w": 20,
+ "h": 14
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17956": {
+ "x": 23292,
+ "y": 23346.984375,
+ "w": 1056,
+ "h": 534,
+ "children": {
+ "728:17957": {
+ "x": 23292,
+ "y": 23346.984375,
+ "w": 1056,
+ "h": 534,
+ "children": {
+ "728:17958": {
+ "x": 23292,
+ "y": 23346.984375,
+ "w": 320,
+ "h": 534
+ },
+ "728:17965": {
+ "x": 24028,
+ "y": 23346.984375,
+ "w": 320,
+ "h": 534
+ },
+ "728:17972": {
+ "x": 23660,
+ "y": 23346.984375,
+ "w": 320,
+ "h": 534
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:17979": {
+ "x": 23100,
+ "y": 24091.484375,
+ "w": 1440,
+ "h": 776,
+ "children": {
+ "728:17980": {
+ "x": 23292,
+ "y": 24187.484375,
+ "w": 1056,
+ "h": 584,
+ "children": {
+ "728:17981": {
+ "x": 23292,
+ "y": 24187.484375,
+ "w": 312,
+ "h": 182,
+ "children": {
+ "728:17982": {
+ "x": 23292,
+ "y": 24186.484375,
+ "w": 254,
+ "h": 30
+ },
+ "728:17983": {
+ "x": 23292,
+ "y": 24265.484375,
+ "w": 348,
+ "h": 72
+ },
+ "728:17993": {
+ "x": 23292,
+ "y": 24349.484375,
+ "w": 336,
+ "h": 32,
+ "children": {
+ "728:17994": {
+ "x": 23292,
+ "y": 24353.484375,
+ "w": 73,
+ "h": 15
+ },
+ "728:17995": {
+ "x": 23390.5625,
+ "y": 24353.484375,
+ "w": 88,
+ "h": 15
+ }
+ }
+ }
+ }
+ },
+ "728:17996": {
+ "x": 23292,
+ "y": 24417.484375,
+ "w": 312,
+ "h": 63,
+ "children": {
+ "728:17997": {
+ "x": 23292,
+ "y": 24417.484375,
+ "w": 306.05938720703125,
+ "h": 30
+ },
+ "728:17998": {
+ "x": 23292,
+ "y": 24465.484375,
+ "w": 209,
+ "h": 15
+ }
+ }
+ },
+ "728:17999": {
+ "x": 23664,
+ "y": 24187.484375,
+ "w": 188,
+ "h": 351,
+ "children": {
+ "728:18000": {
+ "x": 23664,
+ "y": 24187.484375,
+ "w": 188,
+ "h": 70,
+ "children": {
+ "728:18001": {
+ "x": 23664,
+ "y": 24187.484375,
+ "w": 99,
+ "h": 45
+ }
+ }
+ },
+ "728:18002": {
+ "x": 23664,
+ "y": 24317.484375,
+ "w": 188,
+ "h": 221,
+ "children": {
+ "728:18003": {
+ "x": 23664,
+ "y": 24317.484375,
+ "w": 188,
+ "h": 25,
+ "children": {
+ "728:18004": {
+ "x": 23664,
+ "y": 24319.984375,
+ "w": 20,
+ "h": 20
+ },
+ "728:18007": {
+ "x": 23708,
+ "y": 24317.484375,
+ "w": 64,
+ "h": 25
+ }
+ }
+ },
+ "728:18008": {
+ "x": 23664,
+ "y": 24366.484375,
+ "w": 188,
+ "h": 25,
+ "children": {
+ "728:18009": {
+ "x": 23664,
+ "y": 24368.984375,
+ "w": 20,
+ "h": 20
+ },
+ "728:18012": {
+ "x": 23708,
+ "y": 24366.484375,
+ "w": 74,
+ "h": 25
+ }
+ }
+ },
+ "728:18013": {
+ "x": 23664,
+ "y": 24415.484375,
+ "w": 188,
+ "h": 25,
+ "children": {
+ "728:18014": {
+ "x": 23664,
+ "y": 24417.984375,
+ "w": 20,
+ "h": 20
+ },
+ "728:18017": {
+ "x": 23708,
+ "y": 24415.484375,
+ "w": 43,
+ "h": 25
+ }
+ }
+ },
+ "728:18018": {
+ "x": 23664,
+ "y": 24464.484375,
+ "w": 188,
+ "h": 25,
+ "children": {
+ "728:18019": {
+ "x": 23664,
+ "y": 24466.984375,
+ "w": 20,
+ "h": 20
+ },
+ "728:18022": {
+ "x": 23708,
+ "y": 24464.484375,
+ "w": 57,
+ "h": 25
+ }
+ }
+ },
+ "728:18023": {
+ "x": 23664,
+ "y": 24513.484375,
+ "w": 188,
+ "h": 25,
+ "children": {
+ "728:18024": {
+ "x": 23664,
+ "y": 24515.984375,
+ "w": 20,
+ "h": 20
+ },
+ "728:18027": {
+ "x": 23708,
+ "y": 24513.484375,
+ "w": 70,
+ "h": 25
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:18028": {
+ "x": 23912,
+ "y": 24187.484375,
+ "w": 436,
+ "h": 351,
+ "children": {
+ "728:18029": {
+ "x": 23912,
+ "y": 24187.484375,
+ "w": 436,
+ "h": 232.390625,
+ "children": {
+ "728:18030": {
+ "x": 23912,
+ "y": 24187.484375,
+ "w": 436,
+ "h": 232.390625
+ },
+ "728:18033": {
+ "x": 23948,
+ "y": 24222.484375,
+ "w": 364,
+ "h": 161.390625,
+ "children": {
+ "728:18034": {
+ "x": 23948,
+ "y": 24222.484375,
+ "w": 364,
+ "h": 91,
+ "children": {
+ "728:18035": {
+ "x": 23948,
+ "y": 24222.484375,
+ "w": 274,
+ "h": 30
+ },
+ "728:18036": {
+ "x": 23948,
+ "y": 24273.484375,
+ "w": 358.15313720703125,
+ "h": 40
+ }
+ }
+ },
+ "728:18037": {
+ "x": 23948,
+ "y": 24349.484375,
+ "w": 364,
+ "h": 34.390625,
+ "children": {
+ "728:18038": {
+ "x": 23948,
+ "y": 24349.484375,
+ "w": 254.796875,
+ "h": 34.390625,
+ "children": {
+ "728:18039": {
+ "x": 23964,
+ "y": 24357.484375,
+ "w": 222.796875,
+ "h": 18,
+ "children": {
+ "728:18040": {
+ "x": 23964,
+ "y": 24357.484375,
+ "w": 99,
+ "h": 18
+ }
+ }
+ }
+ }
+ },
+ "728:18041": {
+ "x": 24202.796875,
+ "y": 24349.484375,
+ "w": 109.1875,
+ "h": 34.390625,
+ "children": {
+ "728:18042": {
+ "x": 24230.03125,
+ "y": 24357.484375,
+ "w": 54.91875076293945,
+ "h": 18
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:18043": {
+ "x": 24032.03125,
+ "y": 24574.484375,
+ "w": 315.96875,
+ "h": 104
+ },
+ "728:18044": {
+ "x": 23292,
+ "y": 24726.484375,
+ "w": 549.8562622070312,
+ "h": 45
+ }
+ }
+ }
+ }
+ },
+ "728:18045": {
+ "x": 23100,
+ "y": 18765,
+ "w": 1440,
+ "h": 102,
+ "children": {
+ "728:18046": {
+ "x": 23100,
+ "y": 18816,
+ "w": 1440,
+ "h": 51
+ },
+ "728:18047": {
+ "x": 23220,
+ "y": 18789,
+ "w": 157,
+ "h": 54
+ },
+ "728:18057": {
+ "x": 23787.8125,
+ "y": 18789,
+ "w": 632.1875,
+ "h": 54,
+ "children": {
+ "728:18058": {
+ "x": 23787.8125,
+ "y": 18789,
+ "w": 492.234375,
+ "h": 54,
+ "children": {
+ "728:18059": {
+ "x": 23787.8125,
+ "y": 18803.5,
+ "w": 66,
+ "h": 25
+ },
+ "728:18060": {
+ "x": 23902.125,
+ "y": 18803.5,
+ "w": 76,
+ "h": 25
+ },
+ "728:18061": {
+ "x": 24027.375,
+ "y": 18803.5,
+ "w": 44,
+ "h": 25
+ },
+ "728:18062": {
+ "x": 24119.9375,
+ "y": 18789,
+ "w": 112.109375,
+ "h": 54,
+ "children": {
+ "728:18063": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "w": 112.109375,
+ "h": 25,
+ "children": {
+ "728:18064": {
+ "x": 24119.9375,
+ "y": 18803.5,
+ "w": 91,
+ "h": 25
+ },
+ "728:18065": {
+ "x": 24220.046875,
+ "y": 18812.5,
+ "w": 12,
+ "h": 7
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "728:18068": {
+ "x": 24328.046875,
+ "y": 18791,
+ "w": 91.953125,
+ "h": 50,
+ "children": {
+ "728:18069": {
+ "x": 24348.046875,
+ "y": 18807,
+ "w": 51,
+ "h": 18
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+ 1440px
+ Refer to the attached image for hierarchy and grouping.
+
+
+
+
+ 1. Compare 'positions_json' nesting with visual grouping.
+ 2. If data contradicts visual layout, IGNORE data nesting and restructure based on VISUAL proximity.
+
+
+
+ 1. **Semantic Grouping**: Group by function (e.g., "PricingCard", "UserProfile").
+ 2. **Grid/List Detection**:
+ - Detect repeating identical siblings (e.g., 6 Cards).
+ - Create a SINGLE container (e.g., "CardGrid") instead of "Card1", "Card2".
+ - **MERGE IDs**: The container's `elementIds` MUST include ALL children IDs of all items in the grid to ensure complete style extraction.
+ - **Reusable Instances with `data.componentName`**:
+ - For each visually repeated item, keep a unique `id` / `data.name` (e.g., "TaskCard1", "TaskCard2", ...).
+ - Set the SAME `data.componentName` for all these items (e.g., "TaskCard") to mark them as instances of one reusable component.
+ - Example: 12 task cards → each child has different `id` / `data.name` ("TaskCard1"... "TaskCard12"), but the SAME `data.componentName`: "TaskCard".
+ 3. **Fragmentation**: Avoid creating components for single atoms (Text/Icon) unless reusable (Button/Chip).
+ 4. **Monoliths**: Split sections >1000px height.
+
+
+
+ 1. **Maximum Depth = 2**:
+ - Component tree should NOT exceed 2 levels deep (root -> children -> grandchildren is the MAX).
+ - If you find yourself creating a 3rd level, STOP and merge it into the parent instead.
+
+ 2. **Minimum Element Threshold**:
+ - Each component MUST contain at least 5+ elements in its `elementIds`.
+ - If a potential component has fewer than 5 elements, MERGE it into its parent or sibling.
+ - This prevents creating tiny components like "LegalLinks" (3 links) or "CommunityLinks" (2 links).
+
+ 3. **Component Count Limit**:
+ - For a single section, create at most 2-3 child components.
+ - Example: Footer → FooterTop, FooterBottom (2 children, NOT 4-5 like "Logos", "Links", "QRCode", etc.)
+
+ 4. **DO NOT Create Separate Components For**:
+ - A group of links (merge into parent section's elementIds)
+ - A group of logos or icons (merge into parent section's elementIds)
+ - Single text, image, icon, divider, link
+ - Any group with < 5 elements
+ These should ALL be included in parent's `elementIds`.
+
+ 5. **Merge by Visual Region, NOT by Function**:
+ - Divide by visual position (Top/Bottom, Left/Right), NOT by element type (Links/Logos/QRCode).
+ - Example: FooterTop contains logos + links + icons together (all elements in that visual area).
+
+
+
+ - `id` MUST match `data.name` (PascalCase, Unique).
+ - **Containers**: `elementIds` = container background/frame IDs only.
+ - **Leaves**: `elementIds` = component's direct IDs + ALL nested children IDs.
+ - **Integrity**: Every input ID must be assigned to exactly one component.
+
+
+
+ For EACH node, calculate:
+ - `boundingBox`: {top, left, width, height} (Absolute)
+ - `relativeBoundingBox`: {top, left, width, height} (Relative to parent)
+ - `spacing`: {next: number} (Distance to next sibling)
+ - `layoutDirection`: "VERTICAL" | "HORIZONTAL" | "NONE"
+ **HOW TO DETERMINE layoutDirection (ESPECIALLY FOR ROOT NODE)**:
+ 1. Look at ALL direct children's `boundingBox.left` values
+ 2. **If children have 2+ DIFFERENT `left` values** (difference > 50px):
+ → Set `layoutDirection = "HORIZONTAL"`
+ → Example: Sidebar at left=0, Content at left=240 → HORIZONTAL
+ 3. **If ALL children have SAME `left` value** (within ±50px tolerance):
+ → Set `layoutDirection = "VERTICAL"`
+ → Example: Header at left=0, Content at left=0, Footer at left=0 → VERTICAL
+ 4. Common patterns:
+ - **Sidebar Layout**: Sidebar (left=0) + Main Content (left=240+) → ROOT is HORIZONTAL
+ - **Stacked Layout**: All sections at same left position → ROOT is VERTICAL
+
+
+
+
+ Return ONLY a single valid JSON object (no markdown code blocks).
+ Output MUST be COMPACT (no pretty-printing): avoid indentation/newlines as much as possible.
+ Follow this schema exactly:
+ {
+ "id": "ComponentName",
+ "data": {
+ "name": "ComponentName",
+ "componentName": "OptionalReusableComponentName",
+ "purpose": "string",
+ "elementIds": ["id1", "..."],
+ "layout": {
+ "boundingBox": { "top": 0, "left": 0, "width": 0, "height": 0 },
+ "relativeBoundingBox": { "top": 0, "left": 0, "width": 0, "height": 0 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ }
+
+ layoutDirection MUST be one of: "VERTICAL" | "HORIZONTAL" | "NONE"
+
+ **Layout Groups**:
+ - Do NOT generate `layoutGroups` field in your output
+ - This field will be automatically added by post-processing if needed
+
+ **CRITICAL: 2-Level Maximum Structure**
+
+ Your output MUST follow a maximum 2-level structure. Level 2 nodes should have `children: []`.
+ All primitive elements (single text, links, logos, icons, dividers) go into `elementIds`, NOT as child components.
+
+ Example for ANY section:
+ {
+ "id": "SectionName",
+ "data": {
+ "name": "SectionName",
+ "purpose": "Main section description",
+ "elementIds": ["container-id"],
+ "layout": {...}
+ },
+ "children": [
+ {
+ "id": "SubSectionA",
+ "data": {
+ "name": "SubSectionA",
+ "purpose": "Visual area with links, logos, text",
+ "elementIds": ["all", "element", "ids", "including", "links", "logos", "text"],
+ "layout": {...}
+ },
+ "children": [] // MUST be empty - all elements via elementIds
+ },
+ {
+ "id": "SubSectionB",
+ "data": {
+ "name": "SubSectionB",
+ "purpose": "Another visual area",
+ "elementIds": ["all", "element", "ids", "in", "this", "area"],
+ "layout": {...}
+ },
+ "children": [] // MUST be empty
+ }
+ ]
+ }
+
+ For reusable component instances that share the same `data.componentName` but have different `id` and `data.name`, an additional expected example is:
+ {
+ "id": "TaskCardGrid",
+ "data": {
+ "name": "TaskCardGrid",
+ "purpose": "Grid container for task cards",
+ "elementIds": ["..."],
+ "layout": {
+ "boundingBox": { "top": 0, "left": 0, "width": 0, "height": 0 },
+ "relativeBoundingBox": { "top": 0, "left": 0, "width": 0, "height": 0 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": [
+ {
+ "id": "TaskCard1",
+ "data": {
+ "name": "TaskCard1",
+ "componentName": "TaskCard",
+ "purpose": "Single task card",
+ "elementIds": ["id1", "..."],
+ "layout": {
+ "boundingBox": { "top": 0, "left": 0, "width": 0, "height": 0 },
+ "relativeBoundingBox": { "top": 0, "left": 0, "width": 0, "height": 0 },
+ "spacing": { "next": 0 },
+ "layoutDirection": "VERTICAL"
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+
+
diff --git a/examples/skill-demo/src/App.less b/examples/skill-demo/src/App.less
new file mode 100644
index 0000000..e69de29
diff --git a/examples/skill-demo/src/App.tsx b/examples/skill-demo/src/App.tsx
new file mode 100644
index 0000000..2cdda4b
--- /dev/null
+++ b/examples/skill-demo/src/App.tsx
@@ -0,0 +1,7 @@
+import './App.less'
+
+function App() {
+ return null
+}
+
+export default App
diff --git a/examples/skill-demo/src/assets/a-728-17958.png b/examples/skill-demo/src/assets/a-728-17958.png
new file mode 100644
index 0000000..bcf89c9
Binary files /dev/null and b/examples/skill-demo/src/assets/a-728-17958.png differ
diff --git a/examples/skill-demo/src/assets/a-728-17965.png b/examples/skill-demo/src/assets/a-728-17965.png
new file mode 100644
index 0000000..a6e1db9
Binary files /dev/null and b/examples/skill-demo/src/assets/a-728-17965.png differ
diff --git a/examples/skill-demo/src/assets/a-728-17972.png b/examples/skill-demo/src/assets/a-728-17972.png
new file mode 100644
index 0000000..fc39128
Binary files /dev/null and b/examples/skill-demo/src/assets/a-728-17972.png differ
diff --git a/examples/skill-demo/src/assets/a-after-728-18065.svg b/examples/skill-demo/src/assets/a-after-728-18065.svg
new file mode 100644
index 0000000..9cc9bfe
--- /dev/null
+++ b/examples/skill-demo/src/assets/a-after-728-18065.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/bg-circle-svg-728-17676.svg b/examples/skill-demo/src/assets/bg-circle-svg-728-17676.svg
new file mode 100644
index 0000000..0023330
--- /dev/null
+++ b/examples/skill-demo/src/assets/bg-circle-svg-728-17676.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/div-728-17679.png b/examples/skill-demo/src/assets/div-728-17679.png
new file mode 100644
index 0000000..ff66e86
Binary files /dev/null and b/examples/skill-demo/src/assets/div-728-17679.png differ
diff --git a/examples/skill-demo/src/assets/div-728-17706.svg b/examples/skill-demo/src/assets/div-728-17706.svg
new file mode 100644
index 0000000..94b9b5c
--- /dev/null
+++ b/examples/skill-demo/src/assets/div-728-17706.svg
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/div-728-17780.svg b/examples/skill-demo/src/assets/div-728-17780.svg
new file mode 100644
index 0000000..2984163
--- /dev/null
+++ b/examples/skill-demo/src/assets/div-728-17780.svg
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/div-728-17799.svg b/examples/skill-demo/src/assets/div-728-17799.svg
new file mode 100644
index 0000000..11f6e08
--- /dev/null
+++ b/examples/skill-demo/src/assets/div-728-17799.svg
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/div-728-17818.svg b/examples/skill-demo/src/assets/div-728-17818.svg
new file mode 100644
index 0000000..72d74ae
--- /dev/null
+++ b/examples/skill-demo/src/assets/div-728-17818.svg
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/div-728-17837.svg b/examples/skill-demo/src/assets/div-728-17837.svg
new file mode 100644
index 0000000..1b41343
--- /dev/null
+++ b/examples/skill-demo/src/assets/div-728-17837.svg
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/div-728-17860.png b/examples/skill-demo/src/assets/div-728-17860.png
new file mode 100644
index 0000000..314f45e
Binary files /dev/null and b/examples/skill-demo/src/assets/div-728-17860.png differ
diff --git a/examples/skill-demo/src/assets/div-728-17870.png b/examples/skill-demo/src/assets/div-728-17870.png
new file mode 100644
index 0000000..530e437
Binary files /dev/null and b/examples/skill-demo/src/assets/div-728-17870.png differ
diff --git a/examples/skill-demo/src/assets/div-728-17875.png b/examples/skill-demo/src/assets/div-728-17875.png
new file mode 100644
index 0000000..0904649
Binary files /dev/null and b/examples/skill-demo/src/assets/div-728-17875.png differ
diff --git a/examples/skill-demo/src/assets/div-728-17880.png b/examples/skill-demo/src/assets/div-728-17880.png
new file mode 100644
index 0000000..60bd060
Binary files /dev/null and b/examples/skill-demo/src/assets/div-728-17880.png differ
diff --git a/examples/skill-demo/src/assets/div-728-17885.png b/examples/skill-demo/src/assets/div-728-17885.png
new file mode 100644
index 0000000..428b538
Binary files /dev/null and b/examples/skill-demo/src/assets/div-728-17885.png differ
diff --git a/examples/skill-demo/src/assets/div-728-17890.png b/examples/skill-demo/src/assets/div-728-17890.png
new file mode 100644
index 0000000..ec72d9c
Binary files /dev/null and b/examples/skill-demo/src/assets/div-728-17890.png differ
diff --git a/examples/skill-demo/src/assets/div-728-17895.png b/examples/skill-demo/src/assets/div-728-17895.png
new file mode 100644
index 0000000..d73a70d
Binary files /dev/null and b/examples/skill-demo/src/assets/div-728-17895.png differ
diff --git a/examples/skill-demo/src/assets/figure-728-17698.png b/examples/skill-demo/src/assets/figure-728-17698.png
new file mode 100644
index 0000000..7f6cc5d
Binary files /dev/null and b/examples/skill-demo/src/assets/figure-728-17698.png differ
diff --git a/examples/skill-demo/src/assets/form-newsletter-signup-footer-form-before-728-18030.svg b/examples/skill-demo/src/assets/form-newsletter-signup-footer-form-before-728-18030.svg
new file mode 100644
index 0000000..a515e46
--- /dev/null
+++ b/examples/skill-demo/src/assets/form-newsletter-signup-footer-form-before-728-18030.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/logo-svg-728-18047.svg b/examples/skill-demo/src/assets/logo-svg-728-18047.svg
new file mode 100644
index 0000000..acb8c8e
--- /dev/null
+++ b/examples/skill-demo/src/assets/logo-svg-728-18047.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/span-728-18004.svg b/examples/skill-demo/src/assets/span-728-18004.svg
new file mode 100644
index 0000000..19b19bf
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-728-18004.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/examples/skill-demo/src/assets/span-728-18009.svg b/examples/skill-demo/src/assets/span-728-18009.svg
new file mode 100644
index 0000000..19b19bf
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-728-18009.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/examples/skill-demo/src/assets/span-728-18014.svg b/examples/skill-demo/src/assets/span-728-18014.svg
new file mode 100644
index 0000000..19b19bf
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-728-18014.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/examples/skill-demo/src/assets/span-728-18019.svg b/examples/skill-demo/src/assets/span-728-18019.svg
new file mode 100644
index 0000000..19b19bf
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-728-18019.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/examples/skill-demo/src/assets/span-728-18024.svg b/examples/skill-demo/src/assets/span-728-18024.svg
new file mode 100644
index 0000000..19b19bf
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-728-18024.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/examples/skill-demo/src/assets/span-after-728-17693.svg b/examples/skill-demo/src/assets/span-after-728-17693.svg
new file mode 100644
index 0000000..8206c3a
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-after-728-17693.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/span-after-728-17855.svg b/examples/skill-demo/src/assets/span-after-728-17855.svg
new file mode 100644
index 0000000..f5a5a31
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-after-728-17855.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/span-after-728-17903.svg b/examples/skill-demo/src/assets/span-after-728-17903.svg
new file mode 100644
index 0000000..6a2cc24
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-after-728-17903.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/span-after-728-17919.svg b/examples/skill-demo/src/assets/span-after-728-17919.svg
new file mode 100644
index 0000000..88fc9e1
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-after-728-17919.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/span-after-728-17940.svg b/examples/skill-demo/src/assets/span-after-728-17940.svg
new file mode 100644
index 0000000..4e344c5
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-after-728-17940.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/span-after-728-17953.svg b/examples/skill-demo/src/assets/span-after-728-17953.svg
new file mode 100644
index 0000000..733fec4
--- /dev/null
+++ b/examples/skill-demo/src/assets/span-after-728-17953.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/assets/ul-728-17983.svg b/examples/skill-demo/src/assets/ul-728-17983.svg
new file mode 100644
index 0000000..fb66fcb
--- /dev/null
+++ b/examples/skill-demo/src/assets/ul-728-17983.svg
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/skill-demo/src/components/certo-landing-page/index.tsx b/examples/skill-demo/src/components/certo-landing-page/index.tsx
new file mode 100644
index 0000000..7de836e
--- /dev/null
+++ b/examples/skill-demo/src/components/certo-landing-page/index.tsx
@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import Header from '@/components/header';
+import HeroSection from '@/components/hero-section';
+import TrustSection from '@/components/trust-section';
+import PhilosophySection from '@/components/philosophy-section';
+import FeaturesGrid from '@/components/features-grid';
+import ResourcesSection from '@/components/resources-section';
+import SpyingCTA from '@/components/spying-cta';
+import LatestInsights from '@/components/latest-insights';
+import Footer from '@/components/footer';
+
+const CertoLandingPage: FC = () => {
+ return (
+
+ );
+};
+
+export default CertoLandingPage;
diff --git a/examples/skill-demo/src/components/feature-card/index.tsx b/examples/skill-demo/src/components/feature-card/index.tsx
new file mode 100644
index 0000000..82e5150
--- /dev/null
+++ b/examples/skill-demo/src/components/feature-card/index.tsx
@@ -0,0 +1,37 @@
+import { FC } from 'react';
+
+interface FeatureCardProps {
+ iconSrc: string;
+ title: string;
+ description: string;
+}
+
+const FeatureCard: FC = ({ iconSrc, title, description }) => {
+ return (
+
+
+
+ {title}
+
+
+ {description}
+
+
+ );
+};
+
+export default FeatureCard;
diff --git a/examples/skill-demo/src/components/features-grid/index.module.less b/examples/skill-demo/src/components/features-grid/index.module.less
new file mode 100644
index 0000000..1e90d77
--- /dev/null
+++ b/examples/skill-demo/src/components/features-grid/index.module.less
@@ -0,0 +1,135 @@
+.featuresGridSection {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: linear-gradient(180deg, #F3F8FF 0%, #E7EFFA 100%);
+ padding: 84px 300px;
+ position: relative;
+ overflow: hidden;
+
+ @media (max-width: 1440px) {
+ padding: 84px 5%;
+ }
+
+ @media (max-width: 768px) {
+ padding: 40px 20px;
+ }
+}
+
+.card {
+ width: 100%;
+ max-width: 840px;
+ background: #FFF;
+ border-radius: 48px;
+ box-shadow: 12px 12px 10px 0px rgba(0, 0, 0, 0.10);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 50px;
+ box-sizing: border-box;
+
+ @media (max-width: 768px) {
+ padding: 30px 20px;
+ border-radius: 32px;
+ }
+}
+
+.header {
+ margin-bottom: 50px;
+ text-align: center;
+ max-width: 740px;
+}
+
+.title {
+ color: #02033B;
+ text-align: center;
+ font-family: Inter, sans-serif;
+ font-size: 36px;
+ font-style: normal;
+ font-weight: 800;
+ line-height: 45px; /* 125% */
+ letter-spacing: -0.72px;
+ margin: 0;
+
+ @media (max-width: 768px) {
+ font-size: 28px;
+ line-height: 36px;
+ }
+}
+
+.grid {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ column-gap: 50px; /* Based on visual spacing, tweaked for 3 columns in 840px */
+ row-gap: 50px;
+ width: 100%;
+ margin-bottom: 60px;
+
+ @media (max-width: 900px) {
+ grid-template-columns: repeat(2, 1fr);
+ }
+
+ @media (max-width: 600px) {
+ grid-template-columns: 1fr;
+ }
+}
+
+.actions {
+ display: flex;
+ gap: 24px;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.buttonPrimary {
+ display: flex;
+ padding: 16px 52px 15.5px 20px;
+ align-items: flex-start;
+ border-radius: 42px;
+ background: #FFC247;
+ text-decoration: none;
+ overflow: hidden;
+ position: relative;
+
+ span {
+ color: #02033B;
+ text-align: center;
+ font-family: Inter, sans-serif;
+ font-size: 19px;
+ font-style: normal;
+ font-weight: 800;
+ line-height: 22.5px;
+ display: flex;
+ align-items: center;
+ gap: 15px;
+ }
+
+ img {
+ position: absolute;
+ right: 25px;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+}
+
+.buttonSecondary {
+ display: flex;
+ padding: 16px 23.5px 15.5px 22px;
+ align-items: flex-start;
+ border-radius: 42px;
+ background: rgba(255, 255, 255, 0.00);
+ box-shadow: inset 0px 0px 0px 2px #02033B;
+ text-decoration: none;
+ overflow: hidden;
+
+ span {
+ color: #02033B;
+ text-align: center;
+ font-family: Inter, sans-serif;
+ font-size: 19px;
+ font-style: normal;
+ font-weight: 800;
+ line-height: 22.5px;
+ }
+}
diff --git a/examples/skill-demo/src/components/features-grid/index.tsx b/examples/skill-demo/src/components/features-grid/index.tsx
new file mode 100644
index 0000000..06c2dff
--- /dev/null
+++ b/examples/skill-demo/src/components/features-grid/index.tsx
@@ -0,0 +1,78 @@
+import FeatureCard from '@/components/feature-card';
+import styles from './index.module.less';
+
+import iconSpyware from '@/assets/div-728-17870.png';
+import iconKeylogger from '@/assets/div-728-17875.png';
+import iconTracking from '@/assets/div-728-17880.png';
+import iconOS from '@/assets/div-728-17885.png';
+import iconThreat from '@/assets/div-728-17890.png';
+import iconEasy from '@/assets/div-728-17895.png';
+import iconArrow from '@/assets/span-after-728-17903.svg';
+
+const featuresData = [
+ {
+ iconSrc: iconSpyware,
+ title: "Spyware detection",
+ description: "Our advanced spyware detection engine can identify if a device contains spyware or bugging software."
+ },
+ {
+ iconSrc: iconKeylogger,
+ title: "Keylogger detection",
+ description: "Find malicious keyboards installed on your device that could allow someone to record things you type (e.g. passwords)."
+ },
+ {
+ iconSrc: iconTracking,
+ title: "Find tracking apps",
+ description: "Check which apps can access your location, microphone or camera. Get alerted if a known tracking app is installed."
+ },
+ {
+ iconSrc: iconOS,
+ title: "OS integrity check",
+ description: "Analyze your operating system for signs of tampering that could compromise security, such as Jailbreaking."
+ },
+ {
+ iconSrc: iconThreat,
+ title: "Threat removal",
+ description: "Our intelligent scan will either safely remove threats for you or provide easy-to-follow instructions."
+ },
+ {
+ iconSrc: iconEasy,
+ title: "Easy to use",
+ description: "We create easy to use apps that can check your device for vulnerabilities in a matter of minutes."
+ }
+];
+
+export default function FeaturesGrid() {
+ return (
+
+
+
+
+ Get your freedom back, stop mobile spyware today
+
+
+
+
+ {featuresData.map((item, index) => (
+
+ ))}
+
+
+
+
+
+ );
+}
diff --git a/examples/skill-demo/src/components/footer/index.module.less b/examples/skill-demo/src/components/footer/index.module.less
new file mode 100644
index 0000000..5fc4ab4
--- /dev/null
+++ b/examples/skill-demo/src/components/footer/index.module.less
@@ -0,0 +1,15 @@
+.newsletterForm {
+ border-radius: 42px;
+ background: #FFC247;
+ overflow: hidden;
+}
+
+.newsletterInput {
+ border-radius: 21px 0px 0px 21px;
+ background: #FFF;
+}
+
+.newsletterSubmit {
+ border-radius: 0px 21px 21px 0px;
+ background: #02033B;
+}
diff --git a/examples/skill-demo/src/components/footer/index.tsx b/examples/skill-demo/src/components/footer/index.tsx
new file mode 100644
index 0000000..c61ad4d
--- /dev/null
+++ b/examples/skill-demo/src/components/footer/index.tsx
@@ -0,0 +1,109 @@
+import styles from './index.module.less';
+import UlIcon from '@/assets/ul-728-17983.svg';
+import SpanIcon1 from '@/assets/span-728-18004.svg';
+import SpanIcon2 from '@/assets/span-728-18009.svg';
+import SpanIcon3 from '@/assets/span-728-18014.svg';
+import SpanIcon4 from '@/assets/span-728-18019.svg';
+import SpanIcon5 from '@/assets/span-728-18024.svg';
+import FormBeforeIcon from '@/assets/form-newsletter-signup-footer-form-before-728-18030.svg';
+
+export default function Footer() {
+ return (
+
+
+
+ {/* Left Column */}
+
+
+
+ Scan. Detect. Remove.
+
+
+
+
+
+
+
+ Copyright © 2022 Certo Software Limited | Registered in England & Wales No. 10072356
+
+
+ Designed & developed by Bigger Picture
+
+
+
+
+ {/* Middle Column */}
+
+
+ {/* Right Column - Newsletter */}
+
+
+
+ {/* Bottom Text */}
+
+
+ Apple, the Apple logo, and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play and the Google Play logo are trademarks of Google LLC.
+
+
+
+ );
+}
diff --git a/examples/skill-demo/src/components/header/index.module.less b/examples/skill-demo/src/components/header/index.module.less
new file mode 100644
index 0000000..ac6593c
--- /dev/null
+++ b/examples/skill-demo/src/components/header/index.module.less
@@ -0,0 +1,3 @@
+.headerGradient {
+ background: linear-gradient(0deg, #E7EFFA 0%, rgba(255, 255, 255, 0.00) 100%);
+}
diff --git a/examples/skill-demo/src/components/header/index.tsx b/examples/skill-demo/src/components/header/index.tsx
new file mode 100644
index 0000000..c01a8e1
--- /dev/null
+++ b/examples/skill-demo/src/components/header/index.tsx
@@ -0,0 +1,103 @@
+import styles from './index.module.less';
+import LogoIcon from '@/assets/logo-svg-728-18047.svg';
+import ArrowIcon from '@/assets/a-after-728-18065.svg';
+
+export default function Header() {
+ return (
+
+ );
+}
diff --git a/examples/skill-demo/src/components/hero-section/index.module.less b/examples/skill-demo/src/components/hero-section/index.module.less
new file mode 100644
index 0000000..f26e756
--- /dev/null
+++ b/examples/skill-demo/src/components/hero-section/index.module.less
@@ -0,0 +1,7 @@
+.androidButton {
+ box-shadow: inset 0px 0px 0px 2px #02033B;
+
+ &:hover {
+ box-shadow: none;
+ }
+}
diff --git a/examples/skill-demo/src/components/hero-section/index.tsx b/examples/skill-demo/src/components/hero-section/index.tsx
new file mode 100644
index 0000000..1068b78
--- /dev/null
+++ b/examples/skill-demo/src/components/hero-section/index.tsx
@@ -0,0 +1,129 @@
+import { FC } from 'react';
+import BgCircle from '@/assets/bg-circle-svg-728-17676.svg';
+import HeroDecoration from '@/assets/div-728-17679.png';
+import HeroFigure from '@/assets/figure-728-17698.png';
+import ArrowIcon from '@/assets/span-after-728-17693.svg';
+import styles from './index.module.less';
+
+const HeroSection: FC = () => {
+ return (
+
+ {/* Background Circle */}
+
+
+ {/* Decoration Blob */}
+
+
+ {/* Main Content Wrapper */}
+
+ {/* Left Text Column */}
+
+ {/* H1 Wrapper */}
+
+
+ Your mobile privacy is our mission
+
+
+
+ {/* Subtext Wrapper */}
+
+
+ Think your phone has been hacked? Our trusted apps make it easy for you to scan, detect and remove threats from your iPhone and Android devices.
+
+
+
+ {/* Buttons Section Wrapper */}
+
+
+
+ {/* Right Figure */}
+
+
+
+ );
+};
+
+export default HeroSection;
diff --git a/examples/skill-demo/src/components/insight-card/index.tsx b/examples/skill-demo/src/components/insight-card/index.tsx
new file mode 100644
index 0000000..374140a
--- /dev/null
+++ b/examples/skill-demo/src/components/insight-card/index.tsx
@@ -0,0 +1,57 @@
+import { FC } from 'react';
+
+interface InsightCardProps {
+ imageSrc: string;
+ tag: string;
+ title: string;
+ date: string;
+ description: string;
+}
+
+const InsightCard: FC = ({
+ imageSrc,
+ tag,
+ title,
+ date,
+ description,
+}) => {
+ return (
+
+ {/* Background Image */}
+
+
+ {/* Gradient Overlay */}
+
+
+ {/* Content */}
+
+ {/* Tag */}
+
+ {tag}
+
+
+ {/* Date */}
+
+ {date}
+
+
+ {/* Title */}
+
+ {title}
+
+
+ {/* Description */}
+
+ {description}
+
+
+
+ );
+};
+
+export default InsightCard;
diff --git a/examples/skill-demo/src/components/latest-insights/index.module.less b/examples/skill-demo/src/components/latest-insights/index.module.less
new file mode 100644
index 0000000..964824e
--- /dev/null
+++ b/examples/skill-demo/src/components/latest-insights/index.module.less
@@ -0,0 +1 @@
+// Styles for LatestInsights component
diff --git a/examples/skill-demo/src/components/latest-insights/index.tsx b/examples/skill-demo/src/components/latest-insights/index.tsx
new file mode 100644
index 0000000..8a86cff
--- /dev/null
+++ b/examples/skill-demo/src/components/latest-insights/index.tsx
@@ -0,0 +1,59 @@
+import InsightCard from '@/components/insight-card';
+import spanAfter72817953 from '@/assets/span-after-728-17953.svg';
+import image1 from '@/assets/a-728-17958.png';
+import image2 from '@/assets/a-728-17972.png';
+import image3 from '@/assets/a-728-17965.png';
+import styles from './index.module.less';
+
+const insightCardsData = [
+ {
+ imageSrc: image1,
+ tag: "Guides",
+ title: "The 6 Best Apps to Track Your Children (And Why)",
+ date: "August 20, 2024",
+ description: "These are the top apps for tracking your children. We also discuss why you should, or shouldn't track your kids."
+ },
+ {
+ imageSrc: image2,
+ tag: "Expertise",
+ title: "How to Hack a Phone: It’s Easier Than You Think",
+ date: "August 20, 2024",
+ description: "Phone hacking is a real threat and it can happen to anyone. Here's how it works and how to protect yourself."
+ },
+ {
+ imageSrc: image3,
+ tag: "Guides",
+ title: "5 Ways to Find Hidden Spy Apps on Your Phone",
+ date: "August 20, 2024",
+ description: "Think someone is spying on you? Here are 5 simple ways to find hidden spy apps on your iPhone or Android."
+ }
+];
+
+export default function LatestInsights() {
+ return (
+
+ );
+}
diff --git a/examples/skill-demo/src/components/philosophy-section/index.module.less b/examples/skill-demo/src/components/philosophy-section/index.module.less
new file mode 100644
index 0000000..70536d2
--- /dev/null
+++ b/examples/skill-demo/src/components/philosophy-section/index.module.less
@@ -0,0 +1 @@
+// Styles are handled via Tailwind
diff --git a/examples/skill-demo/src/components/philosophy-section/index.tsx b/examples/skill-demo/src/components/philosophy-section/index.tsx
new file mode 100644
index 0000000..fc66613
--- /dev/null
+++ b/examples/skill-demo/src/components/philosophy-section/index.tsx
@@ -0,0 +1,80 @@
+import PhilosophyImage from '@/assets/div-728-17860.png';
+import ArrowIcon from '@/assets/span-after-728-17855.svg';
+import styles from './index.module.less';
+
+export default function PhilosophySection() {
+ return (
+
+
+
+
+ At Certo, mobile security is not an afterthought, it’s what we do.
+
+
+ With years of experience in mobile security and spyware detection, our products have helped countless people safeguard their devices and find peace of mind.
+
+
+
+
+
+ Get Certo for iPhone
+
+
+
+
+
+
+
+ Get Certo for Android
+
+
+
+
+
+
+
+ );
+}
diff --git a/examples/skill-demo/src/components/resources-section/index.module.less b/examples/skill-demo/src/components/resources-section/index.module.less
new file mode 100644
index 0000000..1cd28d7
--- /dev/null
+++ b/examples/skill-demo/src/components/resources-section/index.module.less
@@ -0,0 +1,5 @@
+.container {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
diff --git a/examples/skill-demo/src/components/resources-section/index.tsx b/examples/skill-demo/src/components/resources-section/index.tsx
new file mode 100644
index 0000000..cac0aa3
--- /dev/null
+++ b/examples/skill-demo/src/components/resources-section/index.tsx
@@ -0,0 +1,144 @@
+import ArrowIcon from '@/assets/span-after-728-17919.svg';
+import styles from './index.module.less';
+
+const ResourcesSection = () => {
+ return (
+
+
+ {/* Card 1: Read our story */}
+
+ {/* Title */}
+
+
+ Read our story
+
+
+
+ {/* Text */}
+
+
+ Find out why thousands trust Certo to secure their mobile world.
+
+
+
+ {/* Button Wrapper */}
+
+
+
+ {/* Card 2: Help Center */}
+
+ {/* Title */}
+
+
+ Help Center
+
+
+
+ {/* Text */}
+
+
+ Help topics, getting started guides and FAQs.
+
+
+
+ {/* Button Wrapper */}
+
+
+
+
+ );
+};
+
+export default ResourcesSection;
diff --git a/examples/skill-demo/src/components/spying-cta/index.module.less b/examples/skill-demo/src/components/spying-cta/index.module.less
new file mode 100644
index 0000000..e376460
--- /dev/null
+++ b/examples/skill-demo/src/components/spying-cta/index.module.less
@@ -0,0 +1,7 @@
+.container {
+ background: linear-gradient(180deg, #2925CC 0%, #4B48E5 100%);
+}
+
+.androidBtn {
+ box-shadow: inset 0px 0px 0px 2px #FFF;
+}
diff --git a/examples/skill-demo/src/components/spying-cta/index.tsx b/examples/skill-demo/src/components/spying-cta/index.tsx
new file mode 100644
index 0000000..f8574d7
--- /dev/null
+++ b/examples/skill-demo/src/components/spying-cta/index.tsx
@@ -0,0 +1,71 @@
+import { FC } from 'react';
+import styles from './index.module.less';
+import ArrowIcon from '@/assets/span-after-728-17940.svg';
+
+const SpyingCTA: FC = () => {
+ return (
+
+
+ {/* Text Group */}
+
+
+ Is someone spying on your phone?
+
+
+ Find out with Certo
+
+
+
+ {/* Buttons Group */}
+
+
+
+ );
+};
+
+export default SpyingCTA;
diff --git a/examples/skill-demo/src/components/trust-section/index.module.less b/examples/skill-demo/src/components/trust-section/index.module.less
new file mode 100644
index 0000000..c2cabde
--- /dev/null
+++ b/examples/skill-demo/src/components/trust-section/index.module.less
@@ -0,0 +1,2 @@
+// Using Tailwind V4, mostly handled in index.tsx
+// This file is reserved for complex styles if needed
diff --git a/examples/skill-demo/src/components/trust-section/index.tsx b/examples/skill-demo/src/components/trust-section/index.tsx
new file mode 100644
index 0000000..ee4230e
--- /dev/null
+++ b/examples/skill-demo/src/components/trust-section/index.tsx
@@ -0,0 +1,149 @@
+import { FC } from 'react';
+import FeaturedLogos from '@/assets/div-728-17706.svg';
+import Stars1 from '@/assets/div-728-17780.svg';
+import Stars2 from '@/assets/div-728-17799.svg';
+import Stars3 from '@/assets/div-728-17818.svg';
+import Stars4 from '@/assets/div-728-17837.svg';
+import styles from './index.module.less';
+
+const TrustSection: FC = () => {
+ return (
+
+ {/* Header */}
+
+
+ Loved by thousands of iPhone and Android users alike
+
+
+
+ {/* Reviews Scroll Container */}
+
+ {/* Card 1 */}
+
+ {/* Note: JSON says paddingTop 85.98... rounding to 86 */}
+
+
+ My son who works in IT suggested I try this app after I was getting lots of strange messages and things happening on my phone. Since running it once a week I have had no viruses or malware problems. I also got a VPN app so I think with both I’m all set!
+
+
+
+
+ {/* Card 2 */}
+
+
+
+ Does exactly what it says. Clear to read and understand. This is now the second iPhone we’ve used it on and would certainly recommend this app.
+
+
+ colinandmandy94
+
+
+
+ {/* Card 3 */}
+
+
+
+ Love the ease and efficiency. Awesome app. Very informative and insightful if wanting to know more about your device. The added breach check.is a great bonus. Check any email of they’ve ever been named in a data breach from years ago. Sweet tool. Love it highly recommend.
+
+
+ Jennifer Black
+
+
+
+ {/* Card 4 */}
+
+
+
+ This app is good if you need to identify certain vulnerabilities on your iPhone. If you have any issues, their customer service was quite helpful and responsive.
+
+
+ Phillip Colligan
+
+
+
+ {/* Card 5 */}
+
+
+
+ I wish they had a VPN, I’d be signing up for that too. Apart from that the app is top notch. I had Certo on my last phone and it was the first app I put on this phone when I got it from the store. The scanner and other parts of the app are really easy and simple to use, even for a non-techie like me
+
+
+ Leslie Carrillo
+
+
+
+
+ {/* Featured In */}
+
+
+ Featured in:
+
+
+
+
+ );
+};
+
+export default TrustSection;
diff --git a/examples/skill-demo/src/globals.css b/examples/skill-demo/src/globals.css
new file mode 100644
index 0000000..f1d8c73
--- /dev/null
+++ b/examples/skill-demo/src/globals.css
@@ -0,0 +1 @@
+@import "tailwindcss";
diff --git a/examples/skill-demo/src/main.tsx b/examples/skill-demo/src/main.tsx
new file mode 100644
index 0000000..be44af6
--- /dev/null
+++ b/examples/skill-demo/src/main.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import CertoLandingPage from './components/certo-landing-page'
+import './globals.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+
+
+ ,
+)
diff --git a/examples/skill-demo/src/vite-env.d.ts b/examples/skill-demo/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/examples/skill-demo/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
diff --git a/examples/skill-demo/tsconfig.json b/examples/skill-demo/tsconfig.json
new file mode 100644
index 0000000..bcd807a
--- /dev/null
+++ b/examples/skill-demo/tsconfig.json
@@ -0,0 +1,30 @@
+{
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "module": "ESNext",
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx",
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+
+ /* Paths */
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["src/*"]
+ }
+ },
+ "include": ["src"]
+}
diff --git a/examples/skill-demo/vite.config.ts b/examples/skill-demo/vite.config.ts
new file mode 100644
index 0000000..f2947e0
--- /dev/null
+++ b/examples/skill-demo/vite.config.ts
@@ -0,0 +1,14 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import path from 'node:path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [react(), tailwindcss()],
+ resolve: {
+ alias: {
+ '@': path.resolve(__dirname, './src'),
+ },
+ },
+});