# gdb-hub / gdb__template-2-s30 - 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": "GROUP", "left": "5.68434e-13px", "width": "1920.00167171px", "height": "167.145728px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2b29d52a-ec4b-4718-99e9-4d5b0f4e891e.svg", "id": "0-0", "left": "1137.07px", "top": "418.261px", "width": "75.8506px", "height": "75.8506px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "53184276", "id": "0-1", "left": "1241.9289999999999px", "top": "434.1863px", "width": "428.558px", "height": "37.6px", "transform": "none", "color": "rgb(252, 252, 252)", "fontSize": "32px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "left", "lineHeight": "44.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/cfe681d7-e578-47ce-ae3b-d9a153405095.svg", "id": "0-2", "left": "1137.07px", "top": "531.443px", "width": "75.8506px", "height": "75.8506px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "lorem@ipsum.co", "id": "0-3", "left": "1241.9289999999999px", "top": "547.3679999999999px", "width": "428.558px", "height": "37.6px", "transform": "none", "color": "rgb(252, 252, 252)", "fontSize": "32px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "left", "lineHeight": "44.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/b794d2e8-7908-408b-9af0-ddd5a0a00956.svg", "id": "0-4", "left": "1137.07px", "top": "645.034px", "width": "75.8506px", "height": "75.8506px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "loremipsumsite.co", "id": "0-5", "left": "1246.857px", "top": "660.96px", "width": "428.558px", "height": "37.6px", "transform": "none", "color": "rgb(252, 252, 252)", "fontSize": "32px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "left", "lineHeight": "44.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "GROUP", "left": "244.586px", "top": "403.779px", "width": "843.8580428399999px", "height": "331.58912px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L651.4921133660073,0L651.4921133660073,256L0,256Z\")" }, { "type": "TEXT", "text": "INFO", "left": "1449.25px", "top": "77px", "width": "153.371px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "right", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "REACH", "left": "1658.63px", "top": "77px", "width": "153.371px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "right", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "FRADEL & SPIES", "left": "108px", "top": "77px", "width": "266.141px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "left", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "REACH US", "left": "292.828px", "top": "455.842px", "width": "593.8px", "height": "102px", "color": "rgb(1, 1, 1)", "fontSize": "85px", "fontFamily": "Anton--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "102.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "left": "292.828px", "top": "574.9703499999999px", "width": "679.014px", "height": "105.667px", "transform": "none", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "PG 14", "left": "883.315px", "top": "972px", "width": "153.371px", "height": "31px", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "center", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" } ], "background": "rgb(1, 1, 1)", "width": "1920px", "height": "1080px", "duration": 3 } Candidates: [YLTk0ZRgsun7fC1Y3o32] { "components": [ { "type": "GROUP", "left": "5.68434e-13px", "width": "1920.00167171px", "height": "167.145728px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2f1f3df4-5ddb-4190-b533-6bce18a59b60.jpg", "left": "191.5px", "top": "500.074px", "width": "528.45957px", "height": "788.7459151800001px", "transform": "rotate(0deg)", "background": "rgba(1, 1, 1, 0)", "clipPath": "path(\"M0.0,0.0L353.22624,0.0L353.22624,788.7460097004474L0.0,788.7460097004474Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/d6151446-2c80-49ac-978b-f23269ecaf15.jpg", "left": "502.141px", "top": "374.253px", "width": "641.93792px", "height": "802.4223999999999px", "transform": "rotate(0deg)", "background": "rgba(1, 1, 1, 0)", "clipPath": "path(\"M0.0,0.0L641.93792,0.0L641.93792,788.7463133298368L0.0,788.7463133298368Z\")" }, { "type": "TEXT", "text": "CREATE VISUAL HARMONY", "left": "1132.99px", "top": "433.662px", "width": "593.8px", "height": "204px", "color": "rgb(252, 252, 252)", "fontSize": "85px", "fontFamily": "Anton--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "102.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "PAGE 9", "left": "1658.63px", "top": "972px", "width": "153.371px", "height": "31px", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "right", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.", "left": "1132.99px", "top": "650.37735px", "width": "679.014px", "height": "105.667px", "transform": "none", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Inter--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "INFO", "left": "1449.25px", "top": "77px", "width": "153.371px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "right", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "CONT.", "left": "1658.63px", "top": "77px", "width": "153.371px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "right", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "FRADEL & SPIES", "left": "108px", "top": "77px", "width": "266.141px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "left", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" } ], "background": "rgb(1, 1, 1)", "width": "1920px", "height": "1080px", "duration": 3 } [jjbTuOTbV4LDsGaruKMe] { "components": [ { "type": "GROUP", "left": "5.68434e-13px", "width": "1920.00167171px", "height": "167.145728px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")" }, { "type": "GROUP", "left": "108.0px", "top": "226.373px", "width": "785.8435806px", "height": "776.6272px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L259.03824741457294,0L259.03824741457294,256L0,256Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/f60e0ea2-4901-4942-b3c8-0f37b97ee94e.jpg", "left": "78.1911px", "top": "258.662px", "width": "1068.07296px", "height": "712.04864px", "transform": "rotate(0deg)", "background": "rgba(1, 1, 1, 0)", "clipPath": "path(\"M0.0,0.0L720.4993428887896,0.0L720.4993428887896,712.04864L0.0,712.04864Z\")" }, { "type": "TEXT", "text": "ABOUT PHOTOGRAPHY", "left": "1004.12px", "top": "424.113px", "width": "807.879px", "height": "102px", "color": "rgb(252, 252, 252)", "fontSize": "85px", "fontFamily": "Anton--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "102.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "PAGE 2", "left": "1658.63px", "top": "972px", "width": "153.371px", "height": "31px", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "right", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "left": "1004.12px", "top": "538.69935px", "width": "775.251px", "height": "142.667px", "transform": "none", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Inter--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "INFO", "left": "1449.25px", "top": "77px", "width": "153.371px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "right", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "EMAIL", "left": "1658.63px", "top": "77px", "width": "153.371px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "right", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "FRADEL & SPIES", "left": "108px", "top": "77px", "width": "266.141px", "height": "31px", "color": "rgb(1, 1, 1)", "fontSize": "26px", "fontFamily": "Inter--500", "fontWeight": "500", "textAlign": "left", "lineHeight": "31.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" } ], "background": "rgb(1, 1, 1)", "width": "1920px", "height": "1080px", "duration": 3 } [cbhXaOOJZn3PLrt2OvG1] { "components": [ { "type": "GROUP", "left": "5.68434e-13px", "width": "1920.0031958200002px", "height": "614.37184px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L800.0381066124339,0L800.0381066124339,256L0,256Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/73d18a68-a97c-4faa-b521-7edc476becdb.jpg", "left": "192.0000000000004px", "top": "762.926px", "width": "667.61088px", "height": "445.07392px", "transform": "rotate(0deg)", "background": "rgba(1, 1, 1, 0)", "clipPath": "path(\"M0.0,0.0L628.9794660042655,0.0L628.979466004 ``` _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