FILE · 30.2 KB
output/real-e2e/evidence/art-direction-v1/metrics-chromium.json
Workspace snapshot · 08/31 23:51
[
{
"width": 375,
"innerWidth": 375,
"scrollWidth": 375,
"scrollHeight": 21213,
"sections": [
{
"index": 1,
"id": "hero",
"variant": "hero-form",
"top": 73,
"height": 664,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": true,
"clipped": true,
"left": -1,
"right": 0
},
{
"tag": "div",
"className": "section-heading",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
},
{
"tag": "small",
"className": "",
"outside": true,
"clipped": false,
"left": -1,
"right": 167.4
},
{
"tag": "h1",
"className": "",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
},
{
"tag": "p",
"className": "lead",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 375,
"height": 250,
"objectFit": "contain"
}
]
},
{
"index": 2,
"id": "trust-first",
"variant": "trust-metric-band",
"top": 737,
"height": 1229,
"offenders": [],
"images": []
},
{
"index": 3,
"id": "problem-bottleneck",
"variant": "pain-cards",
"top": 1966,
"height": 1310,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 343,
"height": 229,
"objectFit": "contain"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3276,
"height": 1366,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 219,
"objectFit": "contain"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4642,
"height": 1364,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 341,
"height": 227,
"objectFit": "contain"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 6006,
"height": 1086,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7092,
"height": 1361,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 311,
"height": 207,
"objectFit": "contain"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 8453,
"height": 1542,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 9995,
"height": 1369,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 219,
"objectFit": "contain"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 11364,
"height": 888,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 12252,
"height": 1994,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
},
{
"tag": "p",
"className": "proof",
"outside": true,
"clipped": false,
"left": 15,
"right": 838
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 219,
"objectFit": "contain"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 14246,
"height": 1314,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 15560,
"height": 1511,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 17070,
"height": 1326,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 18397,
"height": 812,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 19209,
"height": 462,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 19670,
"height": 1438,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 305
},
"navigation": {
"mobileDisplay": "block",
"desktopDisplay": "none",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 343,
"tableWidth": 1430,
"overflowX": "auto"
}
},
{
"width": 390,
"innerWidth": 390,
"scrollWidth": 390,
"scrollHeight": 20994,
"sections": [
{
"index": 1,
"id": "hero",
"variant": "hero-form",
"top": 73,
"height": 674,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": true,
"clipped": true,
"left": -1,
"right": 0
},
{
"tag": "div",
"className": "section-heading",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
},
{
"tag": "small",
"className": "",
"outside": true,
"clipped": false,
"left": -1,
"right": 167.4
},
{
"tag": "h1",
"className": "",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
},
{
"tag": "p",
"className": "lead",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 390,
"height": 260,
"objectFit": "contain"
}
]
},
{
"index": 2,
"id": "trust-first",
"variant": "trust-metric-band",
"top": 747,
"height": 1196,
"offenders": [],
"images": []
},
{
"index": 3,
"id": "problem-bottleneck",
"variant": "pain-cards",
"top": 1943,
"height": 1289,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 358,
"height": 239,
"objectFit": "contain"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3232,
"height": 1378,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 229,
"objectFit": "contain"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4609,
"height": 1374,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 356,
"height": 237,
"objectFit": "contain"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 5983,
"height": 1086,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7069,
"height": 1315,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 326,
"height": 217,
"objectFit": "contain"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 8384,
"height": 1542,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 9927,
"height": 1380,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 229,
"objectFit": "contain"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 11306,
"height": 888,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 12195,
"height": 1918,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
},
{
"tag": "p",
"className": "proof",
"outside": true,
"clipped": false,
"left": 15,
"right": 838
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 229,
"objectFit": "contain"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 14113,
"height": 1283,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 15396,
"height": 1511,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 16906,
"height": 1326,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 18233,
"height": 782,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 19014,
"height": 462,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 19476,
"height": 1438,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 315
},
"navigation": {
"mobileDisplay": "block",
"desktopDisplay": "none",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 358,
"tableWidth": 1430,
"overflowX": "auto"
}
},
{
"width": 414,
"innerWidth": 414,
"scrollWidth": 414,
"scrollHeight": 20842,
"sections": [
{
"index": 1,
"id": "hero",
"variant": "hero-form",
"top": 73,
"height": 690,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": true,
"clipped": true,
"left": -1,
"right": 0
},
{
"tag": "div",
"className": "section-heading",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
},
{
"tag": "small",
"className": "",
"outside": true,
"clipped": false,
"left": -1,
"right": 167.4
},
{
"tag": "h1",
"className": "",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
},
{
"tag": "p",
"className": "lead",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 414,
"height": 276,
"objectFit": "contain"
}
]
},
{
"index": 2,
"id": "trust-first",
"variant": "trust-metric-band",
"top": 763,
"height": 1166,
"offenders": [],
"images": []
},
{
"index": 3,
"id": "problem-bottleneck",
"variant": "pain-cards",
"top": 1929,
"height": 1305,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 382,
"height": 255,
"objectFit": "contain"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3234,
"height": 1364,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 245,
"objectFit": "contain"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4598,
"height": 1358,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 380,
"height": 253,
"objectFit": "contain"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 5956,
"height": 1086,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7043,
"height": 1300,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 350,
"height": 233,
"objectFit": "contain"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 8342,
"height": 1542,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 9884,
"height": 1398,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 245,
"objectFit": "contain"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 11282,
"height": 888,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 12171,
"height": 1872,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 15,
"right": 16
},
{
"tag": "p",
"className": "proof",
"outside": true,
"clipped": false,
"left": 15,
"right": 838
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 245,
"objectFit": "contain"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 14043,
"height": 1255,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 15298,
"height": 1511,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 16808,
"height": 1296,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 18105,
"height": 758,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 18862,
"height": 462,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 19324,
"height": 1438,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 331
},
"navigation": {
"mobileDisplay": "block",
"desktopDisplay": "none",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 382,
"tableWidth": 1430,
"overflowX": "auto"
}
},
{
"width": 1280,
"innerWidth": 1280,
"scrollWidth": 1280,
"scrollHeight": 19740,
"sections": [
{
"index": 1,
"id": "hero",
"variant": "hero-form",
"top": 83,
"height": 853,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": true,
"clipped": true,
"left": -1,
"right": 0
},
{
"tag": "div",
"className": "section-heading",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
},
{
"tag": "small",
"className": "",
"outside": true,
"clipped": false,
"left": -1,
"right": 167.4
},
{
"tag": "h1",
"className": "",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
},
{
"tag": "p",
"className": "lead",
"outside": true,
"clipped": false,
"left": -1,
"right": 0
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 1280,
"height": 853,
"objectFit": "contain"
}
]
},
{
"index": 2,
"id": "trust-first",
"variant": "trust-metric-band",
"top": 936,
"height": 673,
"offenders": [],
"images": []
},
{
"index": 3,
"id": "problem-bottleneck",
"variant": "pain-cards",
"top": 1610,
"height": 1333,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 63,
"right": 64
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 680,
"height": 453,
"objectFit": "contain"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 2943,
"height": 1214,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 63,
"right": 64
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 643,
"height": 436,
"objectFit": "contain"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4157,
"height": 1636,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 63,
"right": 64
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 1150,
"height": 767,
"objectFit": "contain"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 5793,
"height": 972,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 6765,
"height": 1335,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 63,
"right": 64
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 558,
"height": 372,
"objectFit": "contain"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 8100,
"height": 1263,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 9363,
"height": 1198,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 63,
"right": 64
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 668,
"height": 452,
"objectFit": "contain"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 10561,
"height": 1127,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 11688,
"height": 1832,
"offenders": [
{
"tag": "div",
"className": "integrated-copy-accessible",
"outside": false,
"clipped": true,
"left": 63,
"right": 64
}
],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 705,
"height": 470,
"objectFit": "contain"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 13520,
"height": 1259,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 14779,
"height": 1216,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 15995,
"height": 1050,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 17045,
"height": 879,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 17924,
"height": 539,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 18463,
"height": 1198,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 468
},
"navigation": {
"mobileDisplay": "none",
"desktopDisplay": "flex",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 1152,
"tableWidth": 1152,
"overflowX": "auto"
}
}
]