# gdb-hub / gdb__template-2-s171

- 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/d07fb896-e5d1-4f14-9c2c-d6d20030e47f.svg",
      "id": "0-0-0",
      "left": "23.3844px",
      "top": "317.351px",
      "width": "481.231px",
      "height": "58.1884px",
      "transform": "rotate(0deg) scale(-1, -1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e1ec68e5-92b9-4869-b8c5-eca5ad203020.svg",
      "id": "0-1-0",
      "left": "23.4784px",
      "top": "48.0219px",
      "width": "481.043px",
      "height": "62.4577px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/94cfc645-1bcd-4c12-a6ed-e9962b2614d1.svg",
      "id": "0-2",
      "left": "130.692px",
      "top": "212.058px",
      "width": "266.615px",
      "height": "1px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/342c579f-994d-4f0e-b92e-efb675114702.png",
      "id": "0-3",
      "left": "53.5403px",
      "top": "237.766px",
      "width": "146.366px",
      "height": "116.544px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/68f74efb-5055-422a-9b06-34bd1a5d1502.svg",
      "id": "0-4",
      "left": "53.5403px",
      "top": "129.046px",
      "width": "196.571px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7e400bd1-4c1c-4e13-ac2c-029331038b0d.svg",
      "id": "0-5",
      "left": "53.5403px",
      "top": "153.706px",
      "width": "196.571px",
      "height": "1px",
      "transform": "rotate(8.28427e-15deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d336d8fe-7ca6-48e6-a1e9-c80c07f7de8b.svg",
      "id": "0-6",
      "left": "53.5403px",
      "top": "178.367px",
      "width": "196.571px",
      "height": "1px",
      "transform": "rotate(1.65685e-14deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2dd756f4-13c8-4afe-91af-66050d43e700.svg",
      "id": "0-7",
      "left": "53.5403px",
      "top": "203.028px",
      "width": "196.571px",
      "height": "1px",
      "transform": "rotate(1.65685e-14deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bad80518-40c6-4709-aabd-d77777727661.svg",
      "id": "0-8",
      "left": "431.765px",
      "top": "72.1808px",
      "width": "43.2844px",
      "height": "57.3649px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4f2c5a0c-2ff6-4059-b9de-204aac54448e.png",
      "id": "0-9",
      "left": "268.576px",
      "top": "70.9665px",
      "width": "79.5049px",
      "height": "79.5049px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7c00d1f0-b08d-42b3-bf8a-65fd43ad2f7c.svg",
      "id": "0-10-0",
      "left": "23.4784px",
      "top": "62.134px",
      "width": "20.229800000000004px",
      "height": "312.161px",
      "transform": "rotate(0deg) scale(-1, -1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/abafe3ed-f9dc-4652-b977-feff4ed68305.svg",
      "id": "0-11-0",
      "left": "484.488px",
      "top": "47.4474px",
      "width": "20.22980000000001px",
      "height": "312.161px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b1e5c1dc-d367-4532-aea1-133c4098d211.svg",
      "id": "0-12",
      "left": "278.478px",
      "top": "253.1px",
      "width": "196.571px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/09c76c27-f2c8-43a7-9daf-695f96797c38.svg",
      "id": "0-13",
      "left": "278.478px",
      "top": "277.76px",
      "width": "196.571px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/72f0bcc9-97fc-4bee-9b0a-b8341d44d1cf.svg",
      "id": "0-14",
      "left": "278.478px",
      "top": "302.421px",
      "width": "196.571px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/eb2e8892-cefc-4ddb-a807-1d622e4b2ec5.svg",
      "id": "0-15",
      "left": "278.478px",
      "top": "327.082px",
      "width": "196.571px",
      "height": "1px"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "528px",
  "height": "408px",
  "duration": 3
}

Candidates:
[KS0tXDeuZLYgu7xN2r21]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3c253233-09f7-4eb9-ae6a-91c05acdce63.svg",
      "left": "761.1px",
      "top": "199.0px",
      "width": "1076.9px",
      "height": "354.9px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/29df3f18-ff43-4bc3-a215-79591c89afc4.png",
      "left": "96.2px",
      "top": "623.4px",
      "width": "1750.7px",
      "height": "375.6px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8f6ca14a-66a9-4106-9a3b-7f4ef9de563f.svg",
      "left": "361.3px",
      "top": "519.8px",
      "width": "333.9px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f8119d38-35bc-48f6-8377-06382c60b1b1.svg",
      "left": "695.0px",
      "top": "90.0px",
      "width": "0.2px",
      "height": "429.5px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1eb228fa-2c40-4503-8ef4-67f35309ed79.svg",
      "left": "689.5px",
      "top": "109.9px",
      "width": "205.8px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/27949452-f4d2-4d72-b042-f1beac30c120.svg",
      "left": "894.5px",
      "top": "0.2px",
      "width": "1.2px",
      "height": "121.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1e1621c6-f1cf-4c8a-92dd-9db39b8dc15f.svg",
      "left": "365.4px",
      "top": "518.4px",
      "width": "1.9px",
      "height": "105.4px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/34e96daa-1e4e-464b-a72e-04f086b09f01.png",
      "left": "306.0px",
      "top": "461.4px",
      "width": "111.0px",
      "height": "116.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a30d1bfb-be2a-484a-abef-5b8f214be052.svg",
      "left": "674.1px",
      "top": "499.3px",
      "width": "41.5px",
      "height": "41.4px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a1c20983-9631-4f3e-a64e-a2c491863a1f.png",
      "left": "677.4px",
      "top": "89.4px",
      "width": "35.7px",
      "height": "37.9px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e0238b76-d835-4548-ac30-ba0b8629d184.svg",
      "left": "874.9px",
      "top": "88.1px",
      "width": "41.5px",
      "height": "41.4px",
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Get in Touch With Us",
      "left": "96.0px",
      "top": "179.0px",
      "width": "689.1px",
      "height": "209px",
      "fontSize": "95px",
      "fontFamily": "Manrope",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "110.0%"
    },
    {
      "type": "TEXT",
      "text": "+1 123 482919",
      "left": "831.0px",
      "top": "314.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Phone",
      "left": "831.0px",
      "top": "274.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Website",
      "left": "1373.0px",
      "top": "274.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "@prospereconomy",
      "left": "1373.0px",
      "top": "314.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Email",
      "left": "831.0px",
      "top": "401.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "hello@prospereconomy.com",
      "left": "831.0px",
      "top": "441.0px",
      "width": "437.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Social",
      "left": "1373.0px",
      "top": "401.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "www.prosper.com",
      "left": "1373.0px",
      "top": "441.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    }
  ],
  "background": "#fcf5f0",
  "width": "1920px",
  "height": "1080px"
}

[cuBisUHWHp1rAkj0cz2F]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "-15.9805px",
      "top": "28.8331px",
      "width": "304.5077826px",
      "height": "67.166976px",
      "transform": "none",
      "background": "rgb(25, 54, 78)",
      "backgroundColor": "rgb(25, 54, 78)",
      "clipPath": "path(\"M0,0L1160.596457819766,0L1160.596457819766,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "62.1909px",
      "top": "226.211px",
      "width": "566.2901948px",
      "height": "56.18176px",
      "transform": "rotate(-90deg)",
      "background": "rgb(231, 232, 234)",
      "backgroundColor": "rgb(231, 232, 234)",
      "clipPath": "path(\"M118.16821362337541,0L2580.377225743003,0L2462.2090121196275,256L0,256L118.16821362337541,0Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "91.1592px",
      "top": "-87.6908px",
      "width": "486.5766861199999px",
      "height": "34.405376px",
      "transform": "rotate(-90deg)",
      "background": "rgb(68, 174, 239)",
      "backgroundColor": "rgb(68, 174, 239)",
      "clipPath": "path(\"M223.5074038166262,0L3620.474280410185,0L3396.966876593559,256L0,256L223.5074038166262,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b4532774-b662-45fb-828a-4967c2cfd112.svg",
      "id": "0-3",
      "left": "20.078px",
      "top": "138.958px",
      "width": "54.4002px",
      "height": "2px",
      "transform": "rotate(90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/51b7be5e-0fa1-47b0-99b9-58d0e4bb55af.png",
      "id": "0-4",
      "left": "31.5475px",
      "top": "112.758px",
      "width": "9.09359px",
      "height": "8.61618px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/538180b1-50d2-4a83-9791-9d755c2aa9e1.png",
      "id": "0-5",
      "left": "31.3432px",
      "top": "144.296px",
      "width": "9.50211px",
      "height": "6.78609px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/98d37b9b-47ca-48c9-af3b-d8e3bd27c700.png",
      "id": "0-6",
      "left": "33.0684px",
      "top": "127.948px",
      "width": "6.05172px",
      "height": "9.77398px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/27d4174b-f112-459a-a2de-fd6c165afb17.png",
      "id": "0-7",
      "left": "31.3432px",
      "top": "157.656px",
      "width": "9.50211px",
      "height": "9.50211px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "531-842-76\nLorem 42, Dolor, 98\nlorem@ipsumsite.co\nloremipsumsite.co",
      "id": "0-8",
      "left": "53.6329px",
      "top": "110.35799999999999px",
      "width": "205.897px",
      "height": "56.2636px",
      "transform": "none",
      "color": "rgb(230, 236, 239)",
      "fontSize": "9px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "15.014180000000001px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Rich Sanchez",
      "id": "0-9",
      "left": "27.84px",
      "top": "37.543260000000004px",
      "width": "221.082px",
      "height": "28.6511px",
      "transform": "none",
      "color": "rgb(68, 174, 239)",
      "fontSize": "24px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.528px",
      "letterSpacing": "-0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "CEO",
      "id": "0-10",
      "left": "27.84px",
      "top": "69.87219999999999px",
      "width": "183.6px",
      "height": "13.8176px",
      "transform": "none",
      "color": "rgb(230, 236, 239)",
      "fontSize": "12px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
```
_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