# gdb-hub / gdb__template-2-s133

- 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/6ab2b714-fe3a-417d-924a-b35d65f70fa3.svg",
      "id": "0-0",
      "left": "-104.546px",
      "top": "-104.546px",
      "width": "1164.55px",
      "height": "1164.55px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6917542a-2df5-4d9d-afc1-e34237f2c562.svg",
      "id": "0-1",
      "left": "0px",
      "top": "1060px",
      "width": "1920px",
      "height": "20px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/df3e0a94-53ca-4638-a5d4-2e11a81650c1.jpg",
      "id": "0-2-0",
      "left": "161.237px",
      "top": "143.037px",
      "width": "552.712px",
      "height": "792.377px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Finalize the deal after a final tour of your home.",
      "id": "0-3-0",
      "left": "960.0px",
      "top": "462.511px",
      "width": "833.818px",
      "height": "102.0px",
      "color": "rgb(72, 67, 67)",
      "fontSize": "42px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Present easily and wow any audience with Ipsum Praesenta. Choose from 1000+ professional templates for any topic, then customize with text and photos.",
      "id": "0-3-1",
      "left": "960.0px",
      "top": "591.996px",
      "width": "833.818px",
      "height": "141.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Sign the dotted line",
      "id": "0-3-2",
      "left": "960.0px",
      "top": "343.855px",
      "width": "833.818px",
      "height": "89.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[Roe7FoCM4icf3uOGiXIg]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c21b6b69-8cf6-490f-9727-1f4225e977d8.svg",
      "id": "0-0",
      "left": "0px",
      "top": "1060px",
      "width": "1920px",
      "height": "20px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2a3325f6-fc6c-462c-a8fc-88cc9f7999d0.jpg",
      "id": "0-1-0",
      "left": "0.0px",
      "top": "0.0px",
      "width": "1022.77px",
      "height": "1060.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Connect with\na licensed real estate agent",
      "id": "0-2",
      "left": "108px",
      "top": "705px",
      "width": "591.375px",
      "height": "267px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "A qualified agent connects you to lenders and trusted sellers.",
      "id": "0-3-0",
      "left": "108.0px",
      "top": "108.0px",
      "width": "591.375px",
      "height": "153.0px",
      "color": "rgb(72, 67, 67)",
      "fontSize": "42px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Present with ease, wow any audience with Ipsum Praesenta. Choose from 1000+ professional templates for any objective or topic. Customize with text and photos.",
      "id": "0-3-1",
      "left": "108.0px",
      "top": "288.485px",
      "width": "591.375px",
      "height": "177.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[g8qBwH0orFBwVYNFTS2P]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d0a028dd-a40d-4981-853b-612e31e90523.jpg",
      "left": "0.0px",
      "top": "-206.837px",
      "width": "2439.5px",
      "height": "1286.84px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "GROUP",
      "top": "218.429px",
      "width": "1098.32927222px",
      "height": "643.14112px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L437.1855673310878,0L437.1855673310878,256L0,256Z\")"
    },
    {
      "type": "TEXT",
      "text": "Live market data and accurate analysis helps clients get best deals",
      "id": "0-0",
      "left": "108.00000000000006px",
      "top": "655.892px",
      "width": "910.172px",
      "height": "102.0px",
      "color": "rgb(72, 67, 67)",
      "fontSize": "42px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "I help retirees find affordable, luxury homes",
      "id": "0-1",
      "left": "108.0px",
      "top": "329.10800000000006px",
      "width": "910.172px",
      "height": "267.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[LxK4oCesUKH1y62HxgMR]
{
  "components": [
    {
      "type": "TEXT",
      "text": "Contact us for questions, clarifications, or requests.",
      "id": "0-0",
      "left": "108.0px",
      "top": "235.89967000000001px",
      "width": "746.447px",
      "height": "105.733px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "42px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "55.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "How can I help?",
      "id": "0-1",
      "left": "108.0px",
      "top": "109.633px",
      "width": "746.447px",
      "height": "89.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0ffce399-a4fd-44f5-9dde-546eb09503c8.svg",
      "left": "1149.88px",
      "top": "-101.173px",
      "width": "634.241px",
      "height": "889.879px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Phone",
      "id": "0-0",
      "left": "108.00000000000014px",
      "top": "890.358px",
      "width": "379.765px",
      "height": "44.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "37px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "531-842-7",
      "id": "0-1",
      "left": "108.00000000000014px",
      "top": "942.7004999999999px",
      "width": "379.765px",
      "height": "33.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Email",
      "id": "0-0",
      "left": "1432.2400000000002px",
      "top": "890.358px",
      "width": "379.765px",
      "height": "44.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "37px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsum.co",
      "id": "0-1",
      "left": "1432.2400000000002px",
      "top": "942.7004999999999px",
      "width": "379.765px",
      "height": "33.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Site",
      "id": "0-0",
      "left": "770.1180000000002px",
      "top": "890.358px",
      "width": "379.765px",
      "height": "44.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "37px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "loremipsum.co",
      "id": "0-1",
      "left": "770.1180000000002px",
      "top": "942.7004999999999px",
      "width": "379.765px",
      "height": "33.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[EuWiICBDmUZVsK7y9cTL]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0078e678-a74e-4050-8447-988bff8c524f.svg",
      "id": "0-0",
      "left": "568.84px",
      "top": "329.707px",
      "width": "117.196px",
      "height": "168.297px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4ab8d49f-4a42-42aa-94f7-aa96980ae94e.svg",
      "id": "0-1",
      "left": "785.419px",
      "top": "329.707px",
      "width": "120.562px",
      "height": "168.297px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/90314381-e6cf-4bfc-aca8-d138ddb6092e.svg",
      "id": "0-2",
      "left": "974.71px",
      "top": "329.707px",
      "width": "168.297px",
      "height": "168.297px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8260a228-9b16-4b93-8b95-14cf161c8595.svg",
      "id": "0-3",
      "left": "554.72px",
      "top": "578.28px",
      "width": "145.436px",
      "height": "145.436px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/87fe0125-6e76-4361-a9c1-05adbbf1288c.svg",
      "id": "0-4",
      "left": "772.982px",
      "top": "578.544px",
      "width": "145.436px",
      "height": "144.907px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cdb1f63f-abf1-46fa-a4b9-3be4f282f849.svg",
      "id": "0-5",
      "left": "986.141px",
      "top": "578.28px",
      "width": "145.436px",
      "height": "145.436px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/90e93ad5-1465-4d43-a2b0-88d751ede5ad.svg",
      "id": "0-6",
      "left": "1446.92px",
      "top": "329.707px",
      "width": "119.95px",
      "height": "168.297px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2917a63d-c66b-4577-b2fa-3e5030aafb07.svg",
      "id": "0-7",
      "left": "1197.23px",
      "top": "383.096px",
      "width": "182.892px",
      "height": "61.5183px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bdd1c09f-fd55-40f3-97b0-2b573e3ad1db.svg",
      "id": "0-8",
      "left": "1225.58px",
      "top": "578.544px",
      "width": "126.201px",
      "height": "144.907px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/049b387d-b2ef-4dd9-821a-3a8dc2918fde.svg",
      "id": "0-9",
      "left": "1444.19px",
      "top": "578.544px",
      "width": "125.41px",
      "height": "144.907px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ca642614-5dd5-457a-b938-d2ca44b435da.svg",
      "id": "0-10",
      "left": "555.937px",
      "top": "818.997px",
      "width": "143.003px",
      "height": "143.003px",
      "transform"
```
_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