FILE · 20.6 KB
output/real-e2e/evidence/art-direction-v2/metrics-chromium.json
Workspace snapshot · 08/31 23:51
[
{
"width": 375,
"innerWidth": 375,
"scrollWidth": 375,
"scrollHeight": 21248,
"sections": [
{
"index": 1,
"id": "hero",
"variant": "hero-form",
"top": 73,
"height": 664,
"offenders": [],
"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": 1291,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 343,
"height": 229,
"objectFit": "contain"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3257,
"height": 1366,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 219,
"objectFit": "contain"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4624,
"height": 1364,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 341,
"height": 227,
"objectFit": "contain"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 5987,
"height": 1086,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7073,
"height": 1361,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 311,
"height": 207,
"objectFit": "contain"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 8434,
"height": 1542,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 9977,
"height": 1369,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 219,
"objectFit": "contain"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 11345,
"height": 888,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 12233,
"height": 1994,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 219,
"objectFit": "contain"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 14228,
"height": 1314,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 15541,
"height": 1565,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 17106,
"height": 1326,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 18432,
"height": 812,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 19244,
"height": 462,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 19706,
"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": 21030,
"sections": [
{
"index": 1,
"id": "hero",
"variant": "hero-form",
"top": 73,
"height": 674,
"offenders": [],
"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": 1270,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 358,
"height": 239,
"objectFit": "contain"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3213,
"height": 1378,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 229,
"objectFit": "contain"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4591,
"height": 1374,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 356,
"height": 237,
"objectFit": "contain"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 5964,
"height": 1086,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7051,
"height": 1315,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 326,
"height": 217,
"objectFit": "contain"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 8366,
"height": 1542,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 9908,
"height": 1380,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 229,
"objectFit": "contain"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 11288,
"height": 888,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 12176,
"height": 1918,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 229,
"objectFit": "contain"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 14094,
"height": 1283,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 15377,
"height": 1565,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 16942,
"height": 1326,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 18268,
"height": 782,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 19049,
"height": 462,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 19511,
"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": 20878,
"sections": [
{
"index": 1,
"id": "hero",
"variant": "hero-form",
"top": 73,
"height": 690,
"offenders": [],
"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": 1286,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 382,
"height": 255,
"objectFit": "contain"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3215,
"height": 1364,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 245,
"objectFit": "contain"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4579,
"height": 1358,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 380,
"height": 253,
"objectFit": "contain"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 5938,
"height": 1086,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7024,
"height": 1300,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 350,
"height": 233,
"objectFit": "contain"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 8324,
"height": 1542,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 9866,
"height": 1398,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 245,
"objectFit": "contain"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 11264,
"height": 888,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 12152,
"height": 1872,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 245,
"objectFit": "contain"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 14024,
"height": 1255,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 15279,
"height": 1565,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 16844,
"height": 1296,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 18140,
"height": 758,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 18897,
"height": 462,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 19359,
"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": 19693,
"sections": [
{
"index": 1,
"id": "hero",
"variant": "hero-form",
"top": 83,
"height": 853,
"offenders": [],
"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": 1200,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 680,
"height": 453,
"objectFit": "contain"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 2810,
"height": 1214,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 643,
"height": 436,
"objectFit": "contain"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4024,
"height": 1636,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 1150,
"height": 767,
"objectFit": "contain"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 5660,
"height": 972,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 6632,
"height": 1335,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 558,
"height": 372,
"objectFit": "contain"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 7967,
"height": 1263,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 9230,
"height": 1198,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 668,
"height": 452,
"objectFit": "contain"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 10428,
"height": 1127,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 11555,
"height": 1832,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 705,
"height": 470,
"objectFit": "contain"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 13387,
"height": 1259,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 14646,
"height": 1302,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 15948,
"height": 1050,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 16998,
"height": 879,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 17877,
"height": 539,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 18416,
"height": 1198,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 468
},
"navigation": {
"mobileDisplay": "none",
"desktopDisplay": "flex",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 1152,
"tableWidth": 1152,
"overflowX": "auto"
}
}
]