# gdb-hub / gdb__template-2-s4 - 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/8a7e82d0-bd92-4161-b537-07b3beac4b91.svg", "left": "-166.282px", "top": "454.292px", "width": "401.898px", "height": "84.7639px", "transform": "rotate(90deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/526fad69-3bb4-407c-a246-729ca969f835.jpg", "left": "-80.19px", "top": "129.432px", "width": "271.47952019999997px", "height": "181.2125px", "transform": "rotate(0deg)", "background": "rgba(1, 1, 1, 0)", "clipPath": "path(\"M181.2132248528994,90.60733727934911C181.2132248528994,140.64574505798024 140.64646991087963,181.2125 90.6066124264497,181.2125C40.56603008912035,181.2125 0.0,140.64574505798024 0.0,90.60733727934912C0.0,40.56639251557006 40.56603008912035,0.0 90.6066124264497,0.0C140.64719476377905,0.0 181.2132248528994,40.56639251557006 181.2132248528994,90.60733727934911Z\")" }, { "type": "GROUP", "left": "408.0px", "top": "-14.1415px", "width": "384.2688px", "height": "1082.51372955px", "transform": "none", "background": "rgb(252, 250, 246)", "backgroundColor": "rgb(252, 250, 246)", "clipPath": "path(\"M0,0L256,0L256,721.1714412588269L0,721.1714412588269Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/03302724-07a5-42ff-8487-ef19743c211a.svg", "left": "679.131px", "top": "872.707px", "width": "298.667px", "height": "280.373px", "transform": "rotate(-64.5448deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/594bd74b-24fa-4174-bff1-55399b8e7b00.svg", "left": "598.262px", "top": "-66.6132px", "width": "308.487px", "height": "237.255px", "transform": "rotate(-42.7634deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/9862db35-0735-4642-beea-ff3ecaeefbb1.svg", "left": "271.794px", "top": "904.216px", "width": "241.92px", "height": "422.4px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/343945f1-f7bc-4270-8117-b8bf45bd3d29.svg", "left": "-114.667px", "top": "931.132px", "width": "298.667px", "height": "280.373px", "transform": "rotate(-64.5448deg)", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "hi i'm tristan,the letterhead refers to the title at the top of a piece of letter paper. It usually consists of a name and address, or a logo. It often appears in letters created by companies and individuals to communicate a message, be it within a team, business partners, or with clients.\n \nLetterhead is also an important branding tool, as it is sent to a wide audience. They can set the tone of the message while demonstrating your company's expertise and professionalism. This makes it important for you to create letterhead that captures your brand identity while presenting important details. It helps to create templates that you can use for various occasions, from interoffice memos to customer correspondence.", "left": "139.627px", "top": "346.82268px", "width": "536.746px", "height": "387.033px", "transform": "none", "color": "rgb(69, 69, 65)", "fontSize": "17px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "28.222230000000003px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Regards,", "left": "504.392333px", "top": "769.1170000000001px", "width": "172.154px", "height": "18.9653px", "transform": "none", "color": "rgb(122, 127, 149)", "fontSize": "16px", "fontFamily": "Poppins--700", "fontWeight": "700", "textAlign": "right", "lineHeight": "27.281489px", "letterSpacing": "0.01em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Tristan Adrest\nGraphic Design", "left": "504.392333px", "top": "825.562px", "width": "172.154px", "height": "46.2468px", "transform": "none", "color": "rgb(69, 69, 65)", "fontSize": "16px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "right", "lineHeight": "27.281489px", "letterSpacing": "0.01em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "M YUNITA", "left": "338.39px", "top": "216.0444px", "width": "168.592px", "height": "76.3042px", "transform": "none", "color": "rgb(122, 127, 149)", "fontSize": "34px", "fontFamily": "Poppins--900", "fontWeight": "900", "textAlign": "left", "lineHeight": "35.748158000000004px", "letterSpacing": "0.01em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "web & Graphic Design", "left": "337.352px", "top": "287.87559px", "width": "252.944px", "height": "20.8517px", "transform": "none", "color": "rgb(69, 69, 65)", "fontSize": "18px", "fontFamily": "Poppins--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "24.459266px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/7293ab48-e592-49e8-9bc9-098de34b9d9e.svg", "left": "-11.2313px", "top": "-179.234px", "width": "298.667px", "height": "280.373px", "transform": "rotate(-64.5448deg)", "opacity": 1, "overflow": "hidden" } ], "background": "rgb(252, 252, 252)", "width": "816px", "height": "1056px", "duration": 3 } Candidates: [iQymKyn4GSOL9cJ9PNRg] { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/1e3f6787-b829-48ec-a87c-b2e0714dac3d.png", "id": "0-0", "left": "398.872px", "top": "896.744px", "width": "160.215px", "height": "38.8521px", "transform": "rotate(-128.783deg)", "opacity": 1, "overflow": "hidden" }, { "type": "GROUP", "id": "0-1-0", "left": "71.0273px", "top": "1403.53px", "width": "365.112084px", "height": "365.112084px", "transform": "none", "background": "rgb(210, 148, 165)", "backgroundColor": "rgb(210, 148, 165)", "clipPath": "path(\"M183,0C81.93189078096484,0 0,81.9318907809648 0,183C0,284.0681092190352 81.93189078096479,366 183,366C284.06810921903514,366 366,284.0681092190352 366,183C366,81.93189078096484 284.0681092190352,0 183,0Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/b877fe1f-8ecf-42e6-8576-60c525d50d49.png", "id": "0-2", "left": "267.341px", "top": "1305.83px", "width": "152.809px", "height": "37.0561px", "transform": "rotate(-50.8702deg) scale(1, -1)", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "Dataplan", "id": "0-3", "left": "35.1547px", "top": "160.839px", "width": "742.361px", "height": "125.897px", "color": "rgb(252, 252, 252)", "fontSize": "105px", "fontFamily": "Noto Serif Display--300", "fontWeight": "300", "textAlign": "center", "lineHeight": "102.680484px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Data processing by data scientists must be correct to protect the final data outcome.", "id": "0-4", "left": "106.394px", "top": "321.675px", "width": "599.883px", "height": "142.667px", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Raleway--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "GROUP", "id": "0-5-0", "left": "397.067px", "top": "999.513px", "width": "365.112084px", "height": "365.112084px", "transform": "none", "background": "rgb(210, 148, 165)", "backgroundColor": "rgb(210, 148, 165)", "clipPath": "path(\"M183,0C81.93189078096484,0 0,81.9318907809648 0,183C0,284.0681092190352 81.93189078096479,366 183,366C284.06810921903514,366 366,284.0681092190352 366,183C366,81.93189078096484 284.0681092190352,0 183,0Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2844010a-7648-496e-bb38-e7bb18ee3d05.png", "id": "0-6", "left": "396.594px", "top": "990.784px", "width": "366.058px", "height": "366.058px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/49bae96b-eb70-4dfa-b217-ddb58c679f5b.png", "id": "0-7", "left": "71.0273px", "top": "1403.53px", "width": "365.112px", "height": "365.112px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "GROUP", "id": "0-8-0", "left": "71.0273px", "top": "533.368px", "width": "365.112084px", "height": "365.112084px", "transform": "none", "background": "rgb(210, 148, 165)", "backgroundColor": "rgb(210, 148, 165)", "clipPath": "path(\"M183,0C81.93189078096484,0 0,81.9318907809648 0,183C0,284.0681092190352 81.93189078096479,366 183,366C284.06810921903514,366 366,284.0681092190352 366,183C366,81.93189078096484 284.0681092190352,0 183,0Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2bc69cc8-a8fb-439a-bb32-24ac3cb3127b.png", "id": "0-9", "left": "93.5074px", "top": "555.848px", "width": "320.152px", "height": "320.152px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "Collect", "id": "0-10", "left": "22.4843px", "top": "914.072px", "width": "462.198px", "height": "55.2667px", "color": "rgb(252, 252, 252)", "fontSize": "46px", "fontFamily": "Noto Serif Display--300", "fontWeight": "300", "textAlign": "center", "lineHeight": "45.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Process", "id": "0-11", "left": "381.73px", "top": "1375.89px", "width": "395.786px", "height": "55.2667px", "color": "rgb(252, 252, 252)", "fontSize": "46px", "fontFamily": "Noto Serif Display--300", "fontWeight": "300", "textAlign": "center", "lineHeight": "45.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Interpret", "id": "0-12", "left": "22.4843px", "top": "1783.89px", "width": "462.198px", "height": "55.2667px", "color": "rgb(252, 252, 252)", "fontSize": "46px", "fontFamily": "Noto Serif Display--300", "fontWeight": "300", "textAlign": "center", "lineHeight": "45.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Acquired data must be precise and clear.", "id": "0-13", "left": "451.949px", "top": "644.59px", "width": "303.883px", "height": "142.667px", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Raleway--400", "fontWeight": "400", "textAlign": "right", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Raw data is transformed into useful info here.", "id": "0-14", "left": "64.0273px", "top": "1110.74px", "width": "303.883px", "height": "142.667px", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Raleway--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Interpreting output gives users essential knowledge.", "id": "0-15", "left": "437.085px", "top": "1514.75px", "width": "303.883px", "height": "142.667px", "color": "rgb(252, 252, 252)", "fontSize": "26px", "fontFamily": "Raleway--400", "fontWeight": "400", "textAlign": "right", "lineHeight": "37.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(110, 105, 118)", "width": "800px", "height": "2000px", "duration": 3 } [moP2IeXhBOgA6qvBckZs] { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/16761128-d335-4589-97be-184b5591f8ff.png", "left": "150.494px", "top": "155.363px", "width": "779.011px", "height": "769.274px", "transform": "none", "opacity": 0.68, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/03d9c1ef-2037-4824-9b73-03a80c312b3d.svg", "left": "-107.762px", "top": "453.987px", "width": "1295.52px", "height": "375.702px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/eb75720d-26c6-4881-9e4c-bc23707c281b.png", "left": "239.718px", "top": "732.504px", "width": "605.506px", "height": "234.496px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "INTL DAY OF PEACE", "curvature": 47, "left": "234.776px", "top": "226.668px", "width": "610.448px", "height": "272.874px", "color": "rgb(51, 60, 97)", "fo ``` _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