# gdb-hub / gdb__template-4-s123 - taskset: [gdb-hub](https://harnessreport.com/tasks/gdb-hub.md) - difficulty: hard - category: design - language: - runnable from the site: no - agent timeout: 3600s ## Results by harness _none yet_ ## Instruction ``` # GDB: template-4 ## Input Files - `/workspace/inputs/input_0.png` - `/workspace/inputs/input_1.png` - `/workspace/inputs/input_2.png` - `/workspace/inputs/input_3.png` - `/workspace/inputs/input_4.png` - `/workspace/inputs/input_5.png` - `/workspace/inputs/input_6.png` - `/workspace/inputs/input_7.png` - `/workspace/inputs/input_8.png` - `/workspace/inputs/input_9.png` - `/workspace/inputs/input_10.png` - `/workspace/inputs/input_11.png` - `/workspace/inputs/input_12.png` - `/workspace/inputs/input_13.png` - `/workspace/inputs/input_14.png` - `/workspace/inputs/input_15.png` - `/workspace/inputs/input_16.png` ## Task You are a design system assistant. Given several example layouts from the same template as style context, and one skeleton layout with structural data but missing visual styles, complete the skeleton by filling in the missing style properties (fontFamily, fontSize, color, backgroundColor, opacity, textAlign) to match the template's style. Return ONLY a valid JSON layout object. Style context (sibling layouts): [ { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/0078e678-a74e-4050-8447-988bff8c524f.svg", "id": "0-0", "left": "568.84px", "top": "329.707px", "width": "117.196px", "height": "168.297px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/4ab8d49f-4a42-42aa-94f7-aa96980ae94e.svg", "id": "0-1", "left": "785.419px", "top": "329.707px", "width": "120.562px", "height": "168.297px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/90314381-e6cf-4bfc-aca8-d138ddb6092e.svg", "id": "0-2", "left": "974.71px", "top": "329.707px", "width": "168.297px", "height": "168.297px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/8260a228-9b16-4b93-8b95-14cf161c8595.svg", "id": "0-3", "left": "554.72px", "top": "578.28px", "width": "145.436px", "height": "145.436px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/87fe0125-6e76-4361-a9c1-05adbbf1288c.svg", "id": "0-4", "left": "772.982px", "top": "578.544px", "width": "145.436px", "height": "144.907px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/cdb1f63f-abf1-46fa-a4b9-3be4f282f849.svg", "id": "0-5", "left": "986.141px", "top": "578.28px", "width": "145.436px", "height": "145.436px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/90e93ad5-1465-4d43-a2b0-88d751ede5ad.svg", "id": "0-6", "left": "1446.92px", "top": "329.707px", "width": "119.95px", "height": "168.297px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2917a63d-c66b-4577-b2fa-3e5030aafb07.svg", "id": "0-7", "left": "1197.23px", "top": "383.096px", "width": "182.892px", "height": "61.5183px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/bdd1c09f-fd55-40f3-97b0-2b573e3ad1db.svg", "id": "0-8", "left": "1225.58px", "top": "578.544px", "width": "126.201px", "height": "144.907px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/049b387d-b2ef-4dd9-821a-3a8dc2918fde.svg", "id": "0-9", "left": "1444.19px", "top": "578.544px", "width": "125.41px", "height": "144.907px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/ca642614-5dd5-457a-b938-d2ca44b435da.svg", "id": "0-10", "left": "555.937px", "top": "818.997px", "width": "143.003px", "height": "143.003px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c3bc4cf5-1f97-463d-b4b2-d6f7c1d89182.svg", "id": "0-11", "left": "781.456px", "top": "826.255px", "width": "128.487px", "height": "128.487px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/04cef500-c471-4b69-b09e-1b93885696f0.svg", "id": "0-12", "left": "994.615px", "top": "826.255px", "width": "128.487px", "height": "128.487px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/ea3e090a-62b1-4a58-bded-15b865c58c30.svg", "id": "0-13", "left": "1224.43px", "top": "826.255px", "width": "128.487px", "height": "128.487px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/9ba75c9b-83bb-42e4-af2c-fc784fbf9372.svg", "id": "0-14", "left": "1442.65px", "top": "826.255px", "width": "128.487px", "height": "128.487px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/6c5feecd-b85d-4c2d-8c73-7583a0da2b57.svg", "id": "0-15", "left": "0px", "top": "1060px", "width": "1920px", "height": "20px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/ceda40a6-d4e7-476f-8bd0-364a57fe3ba9.svg", "id": "0-16", "left": "301.984px", "top": "329.707px", "width": "182.943px", "height": "140.035px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/98c176cb-14ce-4b93-8e6f-329134eaefa1.svg", "id": "0-17", "left": "303.616px", "top": "570.161px", "width": "181.311px", "height": "153.29px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/d6585521-4f4c-4d2a-b2a8-3b1cdf75f810.svg", "id": "0-18", "left": "309.623px", "top": "801.452px", "width": "169.296px", "height": "153.29px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod.", "id": "0-19-0", "left": "429.076px", "top": "202.5958px", "width": "1061.71px", "height": "33.2px", "transform": "none", "color": "rgb(72, 67, 67)", "fontSize": "28px", "fontFamily": "Nunito Sans--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "36.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Resources", "id": "0-19-1", "left": "539.7370000000001px", "top": "86.2538px", "width": "840.386px", "height": "89.0px", "color": "rgb(146, 128, 117)", "fontSize": "74px", "fontFamily": "Nunito Sans--900", "fontWeight": "900", "textAlign": "center", "lineHeight": "89.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(252, 252, 252)", "width": "1920px", "height": "1080px", "duration": 3 }, { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/92b3670d-cde6-41c9-a2d3-70f1689e5979.jpg", "left": "-127.393px", "top": "0.0px", "width": "-2047.39px", "height": "1080.0px", "transform": "scale(-1, 1) rotate(0deg)", "opacity": 0.5, "overflow": "visible" }, { "type": "GROUP", "left": "-12.0px", "top": "71.9555px", "width": "1283.7885833px", "height": "377.8688px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L869.7457169067522,0L869.7457169067522,256L0,256Z\")" }, { "type": "TEXT", "text": "A pre-approved loan is necessary when making an offer.", "id": "0-0", "left": "108.0px", "top": "527.729px", "width": "529.566px", "height": "132.0px", "color": "rgb(72, 67, 67)", "fontSize": "37px", "fontFamily": "Nunito Sans--600", "fontWeight": "600", "textAlign": "left", "lineHeight": "44.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "With Ipsum Praesenta, you can collaborate in real-time and feel like you\u2019re in the same room as your teammates or\nco-presenters.", "id": "0-1", "left": "108.0px", "top": "687.214px", "width": "529.566px", "height": "141.2px", "transform": "none", "color": "rgb(72, 67, 67)", "fontSize": "28px", "fontFamily": "Nunito Sans--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "36.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "You will need your tax records, pay stubs, and account statements to get a\npre-approval.", "id": "0-0", "left": "742.2230000000001px", "top": "527.729px", "width": "529.566px", "height": "176.0px", "color": "rgb(72, 67, 67)", "fontSize": "37px", "fontFamily": "Nunito Sans--600", "fontWeight": "600", "textAlign": "left", "lineHeight": "44.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "With real-time collaboration, share tasks & work simultaneously to create powerful presentations.", "id": "0-1", "left": "742.2230000000001px", "top": "731.214px", "width": "529.566px", "height": "105.2px", "transform": "none", "color": "rgb(72, 67, 67)", "fontSize": "28px", "fontFamily": "Nunito Sans--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "36.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "A pre-approval lets you know how much you can borrow, setting your budget for the buying process.", "id": "0-0", "left": "107.99999999999989px", "top": "240.78px", "width": "1059.13px", "height": "153.0px", "color": "rgb(72, 67, 67)", "fontSize": "42px", "fontFamily": "Nunito Sans--600", "fontWeight": "600", "textAlign": "left", "lineHeight": "51.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Pre-approve your loan.", "id": "0-1", "left": "107.99999999999989px", "top": "127.99999999999997px", "width": "1059.13px", "height": "89.0px", "color": "rgb(146, 128, 117)", "fontSize": "74px", "fontFamily": "Nunito Sans--900", "fontWeight": "900", "textAlign": "left", "lineHeight": "89.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(248, 248, 248)", "width": "1920px", "height": "1080px", "duration": 3 }, { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c21b6b69-8cf6-490f-9727-1f4225e977d8.svg", "id": "0-0", "left": "0px", "top": "1060px", "width": "1920px", "height": "20px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2a3325f6-fc6c-462c-a8fc-88cc9f7999d0.jpg", "id": "0-1-0", "left": "0.0px", "top": "0.0px", "width": "1022.77px", "height": "1060.0px", "transform": "rotate(0deg)", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "Connect with\na licensed real estate agent", "id": "0-2", "left": "108px", "top": "705px", "width": "591.375px", "height": "267px", "color": "rgb(146, 128, 117)", "fontSize": "74px", "fontFamily": "Nunito Sans--900", "fontWeight": "900", "textAlign": "left", "lineHeight": "89.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "A qualified agent connects you to lenders and trusted sellers.", "id": "0-3-0", "left": "108.0px", "top": "108.0px", "width": "591.375px", "height": "153.0px", "color": "rgb(72, 67, 67)", "fontSize": "42px", "fontFamily": "Nunito Sans--600", "fontWeight": "600", "textAlign": "left", "lineHeight": "51.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Present with ease, wow any audience with Ipsum Praesenta. Choose from 1000+ professional templates for any objective or topic. Customize with text and photos.", "id": "0-3-1", "left": "108.0px", "top": "288.485px", "width": "591.375px", "height": "177.2px", "transform": "none", "color": "rgb(72, 67, 67)", "fontSize": "28px", "fontFamily": "Nunito Sans--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "36.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(252, 252, 252)", "width": "1920px", "height": "1080px", "duration": 3 } ``` _instruction cut at 16k characters_ --- Harness Report runs agent harnesses from their GitHub repos on Harbor tasks and records every model call. Every page is also `.md` and `.json`; index: https://harnessreport.com/llms.txt · MCP: https://harnessreport.com/mcp