# gdb-hub / gdb__template-2-s21

- 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": "TEXT",
      "text": "Summary",
      "left": "100.0px",
      "top": "206.6px",
      "width": "687.5px",
      "height": "115.2px",
      "transform": "none",
      "color": "rgb(14, 101, 101)",
      "fontSize": "96px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "96.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Pretium Neque",
      "left": "100px",
      "top": "100px",
      "width": "392.5px",
      "height": "25px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "21px",
      "fontFamily": "Raleway--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "25.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Digital Marketing Opt.",
      "left": "1480.63px",
      "top": "100px",
      "width": "339.367px",
      "height": "25px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "21px",
      "fontFamily": "Raleway--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "25.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Summary: goals, strategies, outcomes.",
      "left": "985px",
      "top": "406.152px",
      "width": "803.507px",
      "height": "88px",
      "color": "rgb(248, 252, 244)",
      "fontSize": "37px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Approval of the proposal and next steps.\n \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore magna aliqua.",
      "left": "985px",
      "top": "565.576px",
      "width": "835px",
      "height": "255px",
      "color": "rgb(248, 252, 244)",
      "fontSize": "42px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "left": "100.0px",
      "top": "406.152px",
      "width": "687.5009616000001px",
      "height": "573.8496px",
      "transform": "none",
      "background": "rgb(193, 197, 197)",
      "backgroundColor": "rgb(193, 197, 197)",
      "clipPath": "path(\"M0,0L306.7012518386943,0L306.7012518386943,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/193d8645-23c8-46d6-80e5-9823fcef4aef.jpg",
      "id": "0-0",
      "left": "100.0px",
      "top": "406.152px",
      "width": "687.5px",
      "height": "573.848px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(242, 101, 43)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[0sAKOVJkeM7Pu3LHBJdK]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/68fb77c6-07bf-4646-8b9a-05178e52fbe7.png",
      "left": "133.026px",
      "top": "839.217px",
      "width": "78.3601px",
      "height": "78.3601px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Future Benefits",
      "left": "100.0px",
      "top": "206.6px",
      "width": "687.5px",
      "height": "211.2px",
      "transform": "none",
      "color": "rgb(14, 101, 101)",
      "fontSize": "96px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "96.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Pretium Neque",
      "left": "100px",
      "top": "100px",
      "width": "392.5px",
      "height": "25px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "21px",
      "fontFamily": "Raleway--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "25.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Digital Marketing Optimize",
      "left": "1480.63px",
      "top": "100px",
      "width": "339.367px",
      "height": "25px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "21px",
      "fontFamily": "Raleway--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "25.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "REAL BENEFITS",
      "left": "700px",
      "top": "221.175px",
      "width": "392.5px",
      "height": "33px",
      "color": "rgb(242, 101, 43)",
      "fontSize": "27px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "More sales",
      "left": "690px",
      "top": "302.276px",
      "width": "540px",
      "height": "44px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "37px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore.",
      "left": "690.0px",
      "top": "375.09997px",
      "width": "540px",
      "height": "94.1999px",
      "transform": "none",
      "color": "rgb(14, 101, 101)",
      "fontSize": "24px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "More sales",
      "left": "1280px",
      "top": "302.276px",
      "width": "540px",
      "height": "44px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "37px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore.",
      "left": "1280.0px",
      "top": "375.09997px",
      "width": "540px",
      "height": "94.1999px",
      "transform": "none",
      "color": "rgb(14, 101, 101)",
      "fontSize": "24px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "SOFT BENEFITS",
      "left": "700px",
      "top": "616.276px",
      "width": "392.5px",
      "height": "33px",
      "color": "rgb(242, 101, 43)",
      "fontSize": "27px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Better brand recognition",
      "left": "690px",
      "top": "697.378px",
      "width": "540px",
      "height": "44px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "37px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore.",
      "left": "690.0px",
      "top": "820.97797px",
      "width": "540px",
      "height": "94.1999px",
      "transform": "none",
      "color": "rgb(14, 101, 101)",
      "fontSize": "24px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Better customer loyalty",
      "left": "1280px",
      "top": "697.378px",
      "width": "540px",
      "height": "44px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "37px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore.",
      "left": "1280.0px",
      "top": "820.97797px",
      "width": "540px",
      "height": "94.1999px",
      "transform": "none",
      "color": "rgb(14, 101, 101)",
      "fontSize": "24px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(226, 228, 227)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[J1c5JYnqZitmNnrQoK1v]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ace76c2d-2b2f-4d05-ab83-bfe11daa0960.png",
      "left": "1609.88px",
      "top": "111.0px",
      "width": "57.6369px",
      "height": "50px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/fb4330b5-8a48-4dcb-aac2-79bfee56ea6f.png",
      "left": "-242.48px",
      "top": "492.164px",
      "width": "881.48px",
      "height": "568.555px",
      "transform": "none",
      "opacity": 0.38,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Contact Info",
      "left": "100.0px",
      "top": "81.535px",
      "width": "772.383px",
      "height": "211.2px",
      "transform": "none",
      "color": "rgb(14, 101, 101)",
      "fontSize": "96px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "96.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Pretium Neque",
      "left": "1691.38px",
      "top": "103px",
      "width": "128.617px",
      "height": "66px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "28px",
      "fontFamily": "Raleway--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsum...",
      "left": "837.5px",
      "top": "649.831px",
      "width": "664.222px",
      "height": "51px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "42px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Mail",
      "left": "837.5px",
      "top": "604.776px",
      "width": "540px",
      "height": "33px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "28px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "531842-76",
      "left": "837.5px",
      "top": "788.496px",
      "width": "540px",
      "height": "51px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "42px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Tel",
      "left": "837.5px",
      "top": "743.442px",
      "width": "540px",
      "height": "33px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "28px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "loremipsum...",
      "left": "837.5px",
      "top": "927.162px",
      "width": "540px",
      "height": "51px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "42px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Site",
      "left": "837.5px",
      "top": "882.107px",
      "width": "540px",
      "height": "33px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "28px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(189, 207, 207)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[ritZsgSbKBD0TmPuU78t]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2c3202c6-5bb5-400c-a126-b259fb2feec8.png",
      "left": "-48.9878px",
      "top": "-53.9943px",
      "width": "592.976px",
      "height": "555.173px",
      "transform": "none",
      "opacity": 0.25,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Exec Summary",
      "left": "100.0px",
      "top": "232.1px",
      "width": "540px",
      "height": "211.2px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "96px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "96.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
```
_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