# gdb-hub / gdb__template-2-s144 - 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-2 ## 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` - `/workspace/inputs/input_17.png` - `/workspace/inputs/input_18.png` - `/workspace/inputs/input_19.png` - `/workspace/inputs/input_20.png` ## Task You are given a reference layout and a set of candidate layouts. Rank the candidates from most similar to least similar to the reference. Return the candidate IDs as a comma-separated list, most similar first. Reference: { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/19ebccd2-be84-43ad-b888-764ec6de3011.jpg", "id": "0-0", "left": "108.0px", "top": "159.283px", "width": "898.433px", "height": "761.434px", "transform": "rotate(0deg)", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "CONTACT", "left": "1192.59px", "top": "220.9333px", "width": "496.36px", "height": "63.2665px", "transform": "none", "color": "rgb(36, 32, 33)", "fontSize": "53px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "91.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "Office", "left": "1192.59px", "top": "482.08234000000004px", "width": "248.18px", "height": "31.6667px", "transform": "none", "color": "rgb(67, 67, 67)", "fontSize": "26px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Lorem 42, Urbs Dolor, IP 98", "left": "1192.59px", "top": "530.23299px", "width": "433.37px", "height": "24px", "transform": "none", "color": "rgb(1, 1, 1)", "fontSize": "20px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Visit our website, follow us on social media, or contact us to discuss your project. Let\u2019s build something extraordinary together.", "left": "1192.59px", "top": "333.25999px", "width": "581.737px", "height": "80px", "transform": "none", "color": "rgb(1, 1, 1)", "fontSize": "20px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Mail & Social", "left": "1192.59px", "top": "598.56634px", "width": "310.077px", "height": "31.6667px", "transform": "none", "color": "rgb(67, 67, 67)", "fontSize": "26px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "lorem@ipsumsite.co\n@loremipsumsite", "left": "1192.59px", "top": "646.71599px", "width": "341.483px", "height": "52px", "transform": "none", "color": "rgb(1, 1, 1)", "fontSize": "20px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Phone/Fax", "left": "1192.59px", "top": "743.04934px", "width": "310.077px", "height": "31.6667px", "transform": "none", "color": "rgb(67, 67, 67)", "fontSize": "26px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "531-842-76", "left": "1192.59px", "top": "791.1999900000001px", "width": "248.18px", "height": "52px", "transform": "none", "color": "rgb(1, 1, 1)", "fontSize": "20px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(247, 243, 238)", "width": "1920px", "height": "1080px", "duration": 3 } Candidates: [58KCTYpSufDKLTfdYrbJ] { "components": [ { "type": "TEXT", "text": "COMPANY FINANCIAL CHALLENGES", "id": "0-0", "left": "108.0px", "top": "160.1004px", "width": "1256.14px", "height": "323.89px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "106px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "98.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "Financial Issue 1", "id": "0-1", "left": "108.0px", "top": "569.32969px", "width": "381.113px", "height": "39.3295px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "33px", "fontFamily": "Lato--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "46.0px", "letterSpacing": "-0.02em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Financial Issue 2", "id": "0-2", "left": "713.498px", "top": "569.32969px", "width": "381.113px", "height": "39.3295px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "33px", "fontFamily": "Lato--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "46.0px", "letterSpacing": "-0.02em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue blandit aliquet. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi.", "id": "0-3", "left": "108.0px", "top": "640.2049900000001px", "width": "493.004px", "height": "136px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "20px", "fontFamily": "Lato--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue blandit aliquet. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi.", "id": "0-4", "left": "713.498px", "top": "640.2049900000001px", "width": "493.004px", "height": "136px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "20px", "fontFamily": "Lato--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue blandit aliquet. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi.", "id": "0-5", "left": "1319.0px", "top": "640.2049900000001px", "width": "493.004px", "height": "136px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "20px", "fontFamily": "Lato--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Financial Issue 3", "id": "0-6", "left": "1319.0px", "top": "569.32969px", "width": "381.113px", "height": "39.3295px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "33px", "fontFamily": "Lato--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "46.0px", "letterSpacing": "-0.02em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/5bf18258-af6c-4c5a-9dc1-2b4a10dc08e0.svg", "id": "0-7", "left": "1723.64px", "top": "108px", "width": "88.363px", "height": "1px", "transform": "rotate(1.8429e-14deg)" }, { "type": "TEXT", "text": "25", "id": "0-8", "left": "1691.98px", "top": "147.1362px", "width": "120.022px", "height": "43.6886px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "36px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "right", "lineHeight": "33.470892px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "Site", "id": "0-9", "left": "108.0px", "top": "916.72499px", "width": "122.992px", "height": "24.0078px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "20px", "fontFamily": "Lato--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "loremipsumsite.co", "id": "0-10", "left": "108.0px", "top": "945.99999px", "width": "282.216px", "height": "24.0078px", "transform": "none", "color": "rgb(7, 17, 18)", "fontSize": "20px", "fontFamily": "Lato--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "28.0px", "letterSpacing": "-0.02em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(248, 248, 248)", "width": "1920px", "height": "1080px", "duration": 3 } [IShxkpcYDqNC1BiqEtoK] { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/5025bcf6-cee8-452c-a686-019893325511.svg", "id": "0-0", "left": "0px", "top": "109.5px", "width": "1920px", "height": "1px", "transform": "rotate(1.6963e-15deg)" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/4c896167-6452-41be-a75a-5c01ef30325a.jpg", "id": "0-1-0", "left": "218.092px", "top": "332.543px", "width": "409.299px", "height": "554.179px", "transform": "rotate(0deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/4836637c-1cad-4edf-a003-a90f6f446d9d.svg", "id": "0-2", "left": "800.172px", "top": "385.045px", "width": "62.1118px", "height": "101.3px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "GROUP", "id": "0-3-0", "left": "921.002px", "top": "733.061px", "width": "537.265121468px", "height": "14.6385664px", "transform": "none", "background": "rgb(53, 53, 53)", "backgroundColor": "rgb(53, 53, 53)", "clipPath": "path(\"M128.0000001043317,0L9267.722467229898,0C9338.414914845385,0 9395.72246733423,57.307551603513296 9395.72246733423,128.0000001043317C9395.72246733423,198.6924477198173 9338.414914845385,256.0000002086634 9267.722467229898,256.0000002086634L128.0000001043317,256.0000002086634C57.307551603513296,256.0000002086634 0,198.6924477198173 0,128.0000001043317C0,57.307551603513296 57.307551603513296,0 128.0000001043317,0Z\")" }, { "type": "TEXT", "text": "loremipsum.co", "id": "0-4", "left": "863.283px", "top": "45.62979px", "width": "278.541px", "height": "24px", "transform": "none", "color": "rgb(36, 32, 33)", "fontSize": "20px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "18/06/2027", "id": "0-5", "left": "1628.87px", "top": "45.62979px", "width": "183.133px", "height": "24px", "transform": "none", "color": "rgb(36, 32, 33)", "fontSize": "20px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Magna Littera", "id": "0-6", "left": "108.0px", "top": "45.62979px", "width": "314.741px", "height": "24px", "transform": "none", "color": "rgb(36, 32, 33)", "fontSize": "20px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "28.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "MEET DESIGNER", "id": "0-7", "left": "606.837px", "top": "202.41029999999998px", "width": "706.327px", "height": "63.2665px", "transform": "none", "color": "rgb(36, 32, 33)", "fontSize": "53px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "center", "lineHeight": "91.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "P. Tempor", "id": "0-8", "left": "921.002px", "top": "381.17837000000003px", "width": "364.358px", "height": "46.2667px", "transform": "none", "color": "rgb(67, 67, 67)", "fontSize": "38px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "54.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Fndr", "id": "0-9", "left": "921.002px", "top": "445.01134px", "width": "199.817px", "height": "31.6667px", "transform": "none", "color": "rgb(90, 90, 90)", "fontSize": "26px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "37.0px", "le ``` _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