# gdb-hub / gdb__template-2-s152

- 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/54682bcc-9cdf-499d-a120-39e30b65413c.svg",
      "id": "0-0",
      "left": "108px",
      "top": "174.821px",
      "width": "863.747px",
      "height": "1px",
      "transform": "rotate(1.88532e-15deg)"
    },
    {
      "type": "TEXT",
      "text": "WHAT IS FINANCIAL PLANNING?",
      "id": "0-1",
      "left": "108.0px",
      "top": "294.6764px",
      "width": "665.712px",
      "height": "421.898px",
      "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": "Lorem ipsum dolor sit amet.",
      "id": "0-2",
      "left": "108.0px",
      "top": "119.15899px",
      "width": "786.333px",
      "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": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse i blandit aliquet. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vehicula accumsan nisi. Nulla sodales turpis ultrices elit malesuada pulvinar. Donec fermentum sed erat eu rhoncus.",
      "id": "0-3",
      "left": "932.599px",
      "top": "469.09899px",
      "width": "879.401px",
      "height": "108px",
      "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": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f592b106-ba0f-4f5e-885d-7ecc6c68630f.jpg",
      "id": "0-4-0-0",
      "left": "932.599px",
      "top": "633.54px",
      "width": "879.40369037px",
      "height": "659.55248056px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L879.4034580029927,0.0L879.4034580029927,294.11072L0.0,294.11072Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1dc9bc3b-19d4-437d-a3d2-c7ae80a91311.svg",
      "id": "0-5",
      "left": "1723.64px",
      "top": "108px",
      "width": "88.363px",
      "height": "1px",
      "transform": "rotate(1.8429e-14deg)"
    },
    {
      "type": "TEXT",
      "text": "25",
      "id": "0-6",
      "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-7",
      "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-8",
      "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
}

Candidates:
[dAVEs1jB99L4oIUGfixx]
{
  "components": [
    {
      "type": "TEXT",
      "text": "VISION & MISSION",
      "id": "0-0",
      "left": "108.0px",
      "top": "294.6764px",
      "width": "684.066px",
      "height": "225.867px",
      "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": "View",
      "id": "0-1",
      "left": "932.599px",
      "top": "478.27669000000003px",
      "width": "213.84px",
      "height": "39.3334px",
      "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": "Aim",
      "id": "0-2",
      "left": "932.599px",
      "top": "763.12569px",
      "width": "213.84px",
      "height": "39.3334px",
      "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, vehicula accumsan nisi. Nulla sodales turpis ultrices elit malesuada pulvinar. Donec fermentum sed erat eu rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices",
      "id": "0-3",
      "left": "932.599px",
      "top": "549.15099px",
      "width": "713.308px",
      "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, vehicula accumsan nisi. Nulla sodales turpis ultrices elit malesuada pulvinar. Donec fermentum sed erat eu rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices",
      "id": "0-4",
      "left": "932.599px",
      "top": "833.99999px",
      "width": "713.308px",
      "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": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1e3952a3-eec6-4427-9e75-e04ad1971509.jpg",
      "id": "0-5-0-0",
      "left": "932.599px",
      "top": "-229.16000000000003px",
      "width": "713.3104056000001px",
      "height": "1069.9656084px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L713.3103391476285,0.0L713.3103391476285,294.11072L0.0,294.11072Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/022fd2a4-ae19-4e17-bbec-113bbd224c40.svg",
      "id": "0-6",
      "left": "1723.64px",
      "top": "108px",
      "width": "88.363px",
      "height": "1px",
      "transform": "rotate(1.8429e-14deg)"
    },
    {
      "type": "TEXT",
      "text": "25",
      "id": "0-7",
      "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-8",
      "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-9",
      "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
}

[1ytUIlrZcEuyKePxFQai]
{
  "components": [
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(127, 209, 175)",
      "backgroundColor": "rgb(127, 209, 175)",
      "clipPath": "path(\"M5.703508987685951,5.703508987685951L1116.2964910123142,5.703508987685951L1116.2964910123142,1476.3789124133355L5.703508987685951,1476.3789124133355L5.703508987685951,5.703508987685951Z\")"
    },
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1110.5929820246283,1470.6754034256496L1122,1470.6754034256496L1122,1482.0824214010215L1110.5929820246283,1482.0824214010215L1110.5929820246283,1470.6754034256496ZM0,11.407017975371902L11.407017975371902,11.407017975371902L11.407017975371902,1470.6754034256496L0,1470.6754034256496L0,11.407017975371902ZM0,1470.6754034256496L11.407017975371902,1470.6754034256496L11.407017975371902,1482.0824214010215L0,1482.0824214010215L0,1470.6754034256496ZM1110.5929820246283,11.407017975371902L1122,11.407017975371902L1122,1470.6754034256496L1110.5929820246283,1470.6754034256496L1110.5929820246283,11.407017975371902ZM11.407017975371902,1470.6754034256496L1110.5929820246283,1470.6754034256496L1110.5929820246283,1482.0824214010215L11.407017975371902,1482.0824214010215L11.407017975371902,1470.6754034256496ZM1110.5929820246283,0L1122,0L1122,11.407017975371902L1110.5929820246283,11.407017975371902L1110.5929820246283,0ZM0,0L11.407017975371902,0L11.407017975371902,11.407017975371902L0,11.407017975371902L0,0ZM11.407017975371902,0L1110.5929820246283,0L1110.5929820246283,11.407017975371902L11.407017975371902,11.407017975371902L11.407017975371902,0Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "112.03px",
      "width": "402.8879008px",
      "height": "102.21804px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.705793235293106,5.705793235293106L1023.0118314055446,5.705793235293106L1023.0118314055446,255.29420676470687L5.705793235293106,255.29420676470687L5.705793235293106,5.705793235293106Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "112.03px",
      "width": "402.8879008px",
      "height": "102.21804px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1017.3060381702514,249.5884135294138L1028.7176246408376,249.5884135294138L1028.7176246408376,261L1017.3060381702514,261L1017.3060381702514,249.5884135294138ZM0,11.411586470586212L11.411586470586212,11.411586470586212L11.411586470586212,249.58841352941374L0,249.58841352941374L0,11.411586470586212ZM0,249.58841352941374L11.411586470586212,249.58841352941374L11.411586470586212,261L0,261L0,249.5884135294138ZM1017.3060381702514,11.411586470586212L1028.7176246408376,11.411586470586212L1028.7176246408376,249.58841352941374L1017.3060381702514,249.58841352941374L1017.3060381702514,11.411586470586212ZM11.411586470586212,249.5884135294138L1017.3060381702514,249.5884135294138L1017.3060381702514,261L11.411586470586212,261L11.411586470586212,249.5884135294138ZM1017.3060381702514,0L1028.7176246408376,0L1028.7176246408376,11.411586470586212L1017.3060381702514,11.411586470586212L1017.3060381702514,0ZM0,0L11.411586470586212,0L11.411586470586212,11.411586470586212L0,11.411586470586212L0,0ZM11.411586470586212,0L1017.3060381702514,0L1017.3060381702514,11.411586470586212L11.411586470586212,11.411586470586212L11.411586470586212,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "PRINT",
      "left": "118.626px",
      "top": "120.41829px",
      "width": "347.152px",
      "height": "71.1073px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "59px",
      "fontFamily": "Francois One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "83.01320299999999px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ad8dfd60-80ef-4527-b76b-56ed422a72f5.png",
      "left": "123.872px",
      "top": "307.213px",
      "width": "336.66px",
      "height": "280.691px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "left": "554.226px",
      "top": "94.3838px",
      "width": "397.37107523px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.703191804785247,5.703191804785247L1008.4655595233413,5.703191804785247L1008
```
_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