FILE · 20.5 KB
output/real-e2e/evidence/design-foundation/metrics-chromium.json
Workspace snapshot · 08/31 23:51
[
{
"width": 375,
"innerWidth": 375,
"scrollWidth": 375,
"scrollHeight": 25404,
"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": "cover"
}
]
},
{
"index": 2,
"id": "trust-first",
"variant": "trust-metric-band",
"top": 737,
"height": 1310,
"offenders": [],
"images": []
},
{
"index": 3,
"id": "problem-bottleneck",
"variant": "pain-cards",
"top": 2047,
"height": 1320,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 343,
"height": 229,
"objectFit": "cover"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3367,
"height": 1387,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 243,
"objectFit": "cover"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4754,
"height": 1528,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 341,
"height": 227,
"objectFit": "cover"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 6282,
"height": 1152,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7434,
"height": 4933,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 0,
"height": 0,
"objectFit": "cover"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 12367,
"height": 1556,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 13924,
"height": 1379,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 243,
"objectFit": "cover"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 15303,
"height": 901,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 16204,
"height": 2024,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 329,
"height": 243,
"objectFit": "cover"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 18229,
"height": 1345,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 19573,
"height": 1579,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 21152,
"height": 1317,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 22469,
"height": 845,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 23314,
"height": 526,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 23840,
"height": 1460,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 305
},
"navigation": {
"mobileDisplay": "block",
"desktopDisplay": "none",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 343,
"tableWidth": 1486,
"overflowX": "auto"
}
},
{
"width": 390,
"innerWidth": 390,
"scrollWidth": 390,
"scrollHeight": 25091,
"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": "cover"
}
]
},
{
"index": 2,
"id": "trust-first",
"variant": "trust-metric-band",
"top": 747,
"height": 1282,
"offenders": [],
"images": []
},
{
"index": 3,
"id": "problem-bottleneck",
"variant": "pain-cards",
"top": 2029,
"height": 1302,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 358,
"height": 239,
"objectFit": "cover"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3331,
"height": 1398,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 255,
"objectFit": "cover"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4729,
"height": 1466,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 356,
"height": 237,
"objectFit": "cover"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 6195,
"height": 1123,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7318,
"height": 4933,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 0,
"height": 0,
"objectFit": "cover"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 12251,
"height": 1556,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 13807,
"height": 1391,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 255,
"objectFit": "cover"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 15198,
"height": 872,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 16070,
"height": 2006,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 344,
"height": 255,
"objectFit": "cover"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 18076,
"height": 1315,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 19391,
"height": 1549,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 20940,
"height": 1289,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 22229,
"height": 797,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 23026,
"height": 526,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 23552,
"height": 1460,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 315
},
"navigation": {
"mobileDisplay": "block",
"desktopDisplay": "none",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 358,
"tableWidth": 1486,
"overflowX": "auto"
}
},
{
"width": 414,
"innerWidth": 414,
"scrollWidth": 414,
"scrollHeight": 24782,
"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": "cover"
}
]
},
{
"index": 2,
"id": "trust-first",
"variant": "trust-metric-band",
"top": 763,
"height": 1227,
"offenders": [],
"images": []
},
{
"index": 3,
"id": "problem-bottleneck",
"variant": "pain-cards",
"top": 1990,
"height": 1288,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 382,
"height": 255,
"objectFit": "cover"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 3278,
"height": 1416,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 273,
"objectFit": "cover"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 4694,
"height": 1452,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 380,
"height": 253,
"objectFit": "cover"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 6147,
"height": 1123,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 7269,
"height": 4933,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 0,
"height": 0,
"objectFit": "cover"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 12202,
"height": 1527,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 13729,
"height": 1409,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 273,
"objectFit": "cover"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 15138,
"height": 829,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 15967,
"height": 1935,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 368,
"height": 273,
"objectFit": "cover"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 17902,
"height": 1272,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 19174,
"height": 1549,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 20723,
"height": 1263,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 21986,
"height": 730,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 22717,
"height": 526,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 23242,
"height": 1460,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 331
},
"navigation": {
"mobileDisplay": "block",
"desktopDisplay": "none",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 382,
"tableWidth": 1486,
"overflowX": "auto"
}
},
{
"width": 1280,
"innerWidth": 1280,
"scrollWidth": 1280,
"scrollHeight": 18843,
"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": "cover"
}
]
},
{
"index": 2,
"id": "trust-first",
"variant": "trust-metric-band",
"top": 936,
"height": 729,
"offenders": [],
"images": []
},
{
"index": 3,
"id": "problem-bottleneck",
"variant": "pain-cards",
"top": 1665,
"height": 1076,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 566,
"height": 377,
"objectFit": "cover"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 2742,
"height": 1053,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 558,
"height": 415,
"objectFit": "cover"
}
]
},
{
"index": 5,
"id": "mechanism-two-step",
"variant": "step-flow",
"top": 3795,
"height": 1549,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 1176,
"height": 784,
"objectFit": "cover"
}
]
},
{
"index": 6,
"id": "mechanism-before-after",
"variant": "before-after",
"top": 5344,
"height": 811,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 6155,
"height": 1277,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 721,
"height": 481,
"objectFit": "cover"
}
]
},
{
"index": 8,
"id": "usecase-production",
"variant": "usecase-grid",
"top": 7431,
"height": 1093,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 8524,
"height": 1674,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 664,
"height": 496,
"objectFit": "cover"
}
]
},
{
"index": 10,
"id": "comparison-alternatives",
"variant": "comparison-table",
"top": 10198,
"height": 987,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 11185,
"height": 2112,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 626,
"height": 464,
"objectFit": "cover"
}
]
},
{
"index": 12,
"id": "proof-screens",
"variant": "case-study-featured",
"top": 13297,
"height": 1193,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 14490,
"height": 1077,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 15567,
"height": 850,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 16417,
"height": 741,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 17158,
"height": 545,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 17703,
"height": 1060,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 468
},
"navigation": {
"mobileDisplay": "none",
"desktopDisplay": "flex",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 1178,
"tableWidth": 1178,
"overflowX": "auto"
}
}
]