# gdb-hub / gdb__template-2-s173

- 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/71411dd8-fefa-438a-ae20-8d01786303f0.png",
      "id": "0-0",
      "left": "568.633px",
      "top": "739.372px",
      "width": "341.479px",
      "height": "681.255px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/294d7118-ff87-4f1a-bb32-0dd78a8852b9.svg",
      "id": "0-1",
      "left": "601.086px",
      "top": "866.395px",
      "width": "85.7299px",
      "height": "85.7299px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Nearness",
      "id": "0-2",
      "left": "108.0px",
      "top": "270.15661px",
      "width": "701.594px",
      "height": "146.547px",
      "transform": "none",
      "color": "rgb(66, 63, 85)",
      "fontSize": "122px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "149.0px",
      "letterSpacing": "-0.05em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Group related elements to organize and clarify design structure.",
      "id": "0-3",
      "left": "108.0px",
      "top": "456.90134px",
      "width": "786.944px",
      "height": "111.067px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "29px",
      "fontFamily": "Sanchez--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "38.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@loremipsumsite\nloremipsumsite.co",
      "id": "0-4",
      "left": "108.0px",
      "top": "739.1669999999999px",
      "width": "523.372px",
      "height": "59.6px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "24px",
      "fontFamily": "Sanchez--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/25158839-7a00-4176-a724-bdac99d16b9e.svg",
      "id": "0-5",
      "left": "108.12px",
      "top": "702.318px",
      "width": "83.2567px",
      "height": "12px",
      "transform": "rotate(-1.23676deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f7ba0775-4b01-4be6-ae04-f2792a0869e5.svg",
      "id": "0-6",
      "left": "369.686px",
      "top": "97.8312px",
      "width": "271.104px",
      "height": "135.552px",
      "transform": "rotate(-180deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/086dd25b-5c7f-4e2c-b361-f01d301d0b3f.png",
      "id": "0-7",
      "left": "801.26px",
      "top": "120.551px",
      "width": "334.317px",
      "height": "104.056px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[02OCmOVL2enVqZDHN1Ac]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/731a8a60-2dd8-46eb-8880-4e5525f45b03.png",
      "left": "881px",
      "top": "128px",
      "width": "871px",
      "height": "952px"
    },
    {
      "type": "TEXT",
      "text": "Struforma\nPlan",
      "left": "168.0px",
      "top": "128.0px",
      "width": "796.0px",
      "height": "220px",
      "fontSize": "110px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "100.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada",
      "left": "168.0px",
      "top": "726.9px",
      "width": "471.9px",
      "height": "187px",
      "fontSize": "25px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "150.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "$6M",
      "left": "946.9px",
      "top": "550.0px",
      "width": "370.0px",
      "height": "145px",
      "fontSize": "145px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "100.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "$9M",
      "left": "1393.9px",
      "top": "237.0px",
      "width": "370.0px",
      "height": "145px",
      "fontSize": "145px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "100.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",
      "left": "946.9px",
      "top": "765.0px",
      "width": "305.1px",
      "height": "112px",
      "fontSize": "25px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "150.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",
      "left": "1393.9px",
      "top": "765.0px",
      "width": "305.1px",
      "height": "112px",
      "fontSize": "25px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "150.0%",
      "letterSpacing": "-0.01em"
    }
  ],
  "background": "#000",
  "width": "1920px",
  "height": "1080px"
}

[4lQtiaN7W6e4LWvp2XuL]
{
  "components": [
    {
      "type": "GROUP",
      "left": "1294px",
      "top": "264px",
      "width": "512px",
      "height": "678px",
      "background": "#424242"
    },
    {
      "type": "TEXT",
      "text": "Principles",
      "left": "128px",
      "top": "128px",
      "width": "1584px",
      "height": "57px",
      "fontSize": "48px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "120.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "Principle 3",
      "left": "1342px",
      "top": "304px",
      "width": "421.7px",
      "height": "47px",
      "fontSize": "36px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "132.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "And what we aim to achieve.",
      "left": "1342px",
      "width": "421.7px",
      "height": "115px",
      "fontSize": "48px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "120.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "GROUP",
      "left": "704px",
      "top": "264px",
      "width": "512px",
      "height": "678px",
      "background": "#424242"
    },
    {
      "type": "TEXT",
      "text": "Principle 3",
      "left": "752px",
      "top": "304px",
      "width": "421.7px",
      "height": "47px",
      "fontSize": "36px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "132.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "And what we aim to achieve.",
      "left": "752px",
      "width": "421.7px",
      "height": "115px",
      "fontSize": "48px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "120.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "GROUP",
      "left": "114px",
      "top": "264px",
      "width": "512px",
      "height": "678px",
      "background": "#424242"
    },
    {
      "type": "TEXT",
      "text": "Principle 3",
      "left": "162px",
      "top": "304px",
      "width": "421.7px",
      "height": "47px",
      "fontSize": "36px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "132.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "And what we aim to achieve.",
      "left": "162px",
      "width": "421.7px",
      "height": "115px",
      "fontSize": "48px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "120.0%",
      "letterSpacing": "-0.02em"
    }
  ],
  "background": "#000",
  "width": "1920px",
  "height": "1080px"
}

[LbGURmfFN1YQShjq8yf6]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/fa8ac892-73f3-4d84-88c8-43d19a40b3a2.svg",
      "left": "0px",
      "top": "0px",
      "width": "1080px",
      "height": "1080px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a6bce344-305f-46bd-aad1-9e43cf31d999.svg",
      "left": "108.0px",
      "top": "108.0px",
      "width": "453.251px",
      "height": "508.764px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "GIVEAWAY x6",
      "left": "129.025px",
      "top": "178.21867px",
      "width": "418.527px",
      "height": "342.693px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "50px",
      "fontFamily": "Courier Prime--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "56.529312000000004px",
      "letterSpacing": "0.177em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/739b60fb-b800-49d8-9d3f-50be12ae157c.svg",
      "left": "283.881px",
      "top": "528.925px",
      "width": "646.932px",
      "height": "417.376px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c9a4c6bb-9658-4416-9c37-a9e4fc862023.jpg",
      "id": "0-0",
      "left": "286.781px",
      "top": "532.912px",
      "width": "619.7860000000001px",
      "height": "379.385px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/df3b9257-0e92-4261-840b-fa62839b5401.png",
      "left": "275.782px",
      "top": "517.925px",
      "width": "21.9983px",
      "height": "21.9983px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/166907a7-e788-475e-9ad9-bc00edc7ef43.png",
      "left": "275.782px",
      "top": "709.257px",
      "width": "21.9983px",
      "height": "21.9983px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cbbd63ef-5503-4e23-9326-4f8926c4b679.png",
      "left": "275.782px",
      "top": "900.589px",
      "width": "21.9983px",
      "height": "21.9983px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9dce4968-c7ca-43a5-88ee-07062169040f.png",
      "left": "586.037px",
      "top": "517.925px",
      "width": "21.9983px",
      "height": "21.9983px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/190e203c-e514-43f9-bec6-baff436af540.png",
      "left": "586.037px",
      "top": "900.589px",
      "width": "21.9983px",
      "height": "21.9983px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bc3071ef-d278-4397-8a33-92614be2f0da.png",
      "left": "895.568px",
      "top": "517.925px",
      "width": "21.9983px",
      "height": "21.9983px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cdef1cce-3ff2-413b-a160-89fe0ff6d302.png",
      "left": "895.568px",
      "top": "709.257px",
      "width": "21.9983px",
      "height": "21.9983px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/99879724-95e8-4457-b157-309f3502878b.png",
      "left": "895.568px",
      "top": "900.589px",
      "width": "21.9983px",
      "height": "21.9983px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/15cd9972-6464-4f6d-aa2b-19cc40446213.svg",
      "left": "108.0px",
      "top": "810.174px",
      "width": "403.026px",
      "height": "66.5954px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "ENTER WIN",
      "left": "122.564px",
      "top": "828.784px",
      "width": "375.236px",
      "height": "28.68px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "24px",
      "fontFamily": "Courier Prime--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "27.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ea1e0c68-eb54-45f9-a2be-665db5fed5f8.png",
      "left": "442.259px",
      "top": "841.242px",
      "width": "47.8631px",
      "height": "81.3448px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/af57c3d9-b385-4dd3-b22e-0b7a7b40f183.svg",
      "left": "696.892px",
      "top": "211.729px",
      "width": "275.108px",
      "height": "381.213px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/75dc7cab-5362-4f19-b656-fad99d8ae58e.jpg",
      "id": "0-0",
      "left": "700.054px",
      "top": "257.537px",
      "width": "260.0px",
      "height": "278.2939999999999px",
      "transform": "rotate(-0.271831deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 218, 214)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[0hy0NgqYDUdHLoBy13
```
_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