FILE · 20.5 KB
output/real-e2e/evidence/design-foundation-v2/metrics-chromium.json
Workspace snapshot · 08/31 23:51
[
{
"width": 375,
"innerWidth": 375,
"scrollWidth": 375,
"scrollHeight": 29795,
"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": 5673,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 0,
"height": 0,
"objectFit": "cover"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 7720,
"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": 9107,
"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": 10635,
"height": 1152,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 11788,
"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": 16721,
"height": 1556,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 18277,
"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": 19656,
"height": 901,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 20558,
"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": 22582,
"height": 1345,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 23927,
"height": 1579,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 25505,
"height": 1355,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 26860,
"height": 845,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 27706,
"height": 526,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 28231,
"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": 29529,
"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": 5673,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 1,
"height": 0,
"objectFit": "cover"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 7702,
"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": 9101,
"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": 10567,
"height": 1123,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 11690,
"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": 16623,
"height": 1556,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 18179,
"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": 19570,
"height": 872,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 20442,
"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": 22447,
"height": 1315,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 23762,
"height": 1549,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 25311,
"height": 1355,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 26666,
"height": 797,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 27464,
"height": 526,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 27990,
"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": 29203,
"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": 5645,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 3,
"height": 2,
"objectFit": "cover"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 7635,
"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": 9051,
"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": 10504,
"height": 1123,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 11627,
"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": 16560,
"height": 1527,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 18086,
"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": 19495,
"height": 829,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 20324,
"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": 22259,
"height": 1272,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 23531,
"height": 1549,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 25080,
"height": 1327,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 26407,
"height": 730,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 27137,
"height": 526,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 27663,
"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": 18807,
"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": 1012,
"offenders": [],
"images": [
{
"complete": true,
"naturalWidth": 1536,
"naturalHeight": 1024,
"width": 674,
"height": 449,
"objectFit": "cover"
}
]
},
{
"index": 4,
"id": "risk-loop",
"variant": "risk-timeline",
"top": 2678,
"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": 3731,
"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": 5280,
"height": 811,
"offenders": [],
"images": []
},
{
"index": 7,
"id": "usecase-direction",
"variant": "usecase-story",
"top": 6091,
"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": 7367,
"height": 1093,
"offenders": [],
"images": []
},
{
"index": 9,
"id": "differentiation",
"variant": "reason-stack",
"top": 8460,
"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": 10134,
"height": 987,
"offenders": [],
"images": []
},
{
"index": 11,
"id": "process",
"variant": "process-timeline",
"top": 11121,
"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": 13233,
"height": 1193,
"offenders": [],
"images": []
},
{
"index": 13,
"id": "pricing-nextstep",
"variant": "estimate-explainer",
"top": 14426,
"height": 1077,
"offenders": [],
"images": []
},
{
"index": 14,
"id": "fit",
"variant": "segment-selector",
"top": 15503,
"height": 878,
"offenders": [],
"images": []
},
{
"index": 15,
"id": "faq",
"variant": "faq-list",
"top": 16381,
"height": 741,
"offenders": [],
"images": []
},
{
"index": 16,
"id": "message",
"variant": "editorial-message",
"top": 17122,
"height": 545,
"offenders": [],
"images": []
},
{
"index": 17,
"id": "contact",
"variant": "form-split",
"top": 17667,
"height": 1060,
"offenders": [],
"images": []
}
],
"hero": {
"copyTop": null,
"formTop": 468
},
"navigation": {
"mobileDisplay": "none",
"desktopDisplay": "flex",
"mobileLinks": 4
},
"comparison": {
"containerWidth": 1178,
"tableWidth": 1178,
"overflowX": "auto"
}
}
]