# gdb-hub / gdb__template-2-s61

- 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/0ed8d7c4-d530-4628-a9b2-108ab2e653e5.png",
      "id": "0-0",
      "left": "211.526px",
      "top": "-281.443px",
      "width": "341.479px",
      "height": "681.255px",
      "transform": "rotate(-90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ad204c48-8206-4d2c-baff-88600f590f32.svg",
      "id": "0-1",
      "left": "809.594px",
      "top": "886.27px",
      "width": "85.7299px",
      "height": "85.7299px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Align",
      "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": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9c131e7e-b143-4f04-9439-755d8430fa2c.svg",
      "id": "0-3",
      "left": "120.569px",
      "top": "702.318px",
      "width": "83.2567px",
      "height": "12px",
      "transform": "rotate(-1.23676deg)"
    },
    {
      "type": "TEXT",
      "text": "Place elements for a clean, organized look. Alignment improves readability and guides the viewer\u2019s eye.",
      "id": "0-4",
      "left": "108.0px",
      "top": "456.90134px",
      "width": "740.337px",
      "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-5",
      "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/ecde1e8e-78b8-481c-b4ef-cd2144097b1e.svg",
      "id": "0-6",
      "left": "426.344px",
      "top": "135.831px",
      "width": "271.104px",
      "height": "135.552px",
      "transform": "rotate(-180deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/95295459-48be-4bf9-bf87-1a5ecee6693a.png",
      "id": "0-7",
      "left": "791.472px",
      "top": "718.139px",
      "width": "334.317px",
      "height": "104.056px",
      "transform": "rotate(-180deg)",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[moUdzNe7uuTMHWg3udz8]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "109.333px",
      "top": "242.205px",
      "width": "359.502671936px",
      "height": "739.128496px",
      "transform": "none",
      "background": "rgb(192, 192, 192)",
      "backgroundColor": "rgb(192, 192, 192)",
      "clipPath": "path(\"M0,0L0,1756L854.0957916041925,1756L854.0957916041925,0L0,0ZM849.294656668863,1751.1988650646706L4.701111290843382,1751.1988650646706L4.701111290843382,4.701111290843382L849.294656668863,4.701111290843382L849.294656668863,1751.1988650646706Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "109.333px",
      "top": "178.462px",
      "width": "597.3345324000001px",
      "height": "47.27808px",
      "transform": "none",
      "background": "rgb(192, 192, 192)",
      "backgroundColor": "rgb(192, 192, 192)",
      "clipPath": "path(\"M0,0L0,256L3234.426869920792,256L3234.426869920792,0L0,0ZM3223.4842876950383,245.0574177742463L10.714611762717196,245.0574177742463L10.714611762717196,10.714611762717196L3223.484287695038,10.714611762717196L3223.484287695038,245.0574177742463Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2678b9e8-372b-401b-9774-cc64eba373b3.svg",
      "id": "0-2",
      "left": "109.333px",
      "top": "297.688px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6b15155a-73f4-4f64-bd5c-2f93e3e698b4.svg",
      "id": "0-3",
      "left": "109.333px",
      "top": "614.287px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/07f4ff0b-8b83-432f-8868-553949fc7875.svg",
      "id": "0-4",
      "left": "109.333px",
      "top": "342.917px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/177bf8ba-d372-4cee-bcbd-0805d8da94f4.svg",
      "id": "0-5",
      "left": "109.333px",
      "top": "659.515px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3c3684b3-c870-4221-bbad-a910dd23f7e6.svg",
      "id": "0-6",
      "left": "109.333px",
      "top": "388.145px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5c11d412-547c-4780-a034-a6d50252cd5e.svg",
      "id": "0-7",
      "left": "109.333px",
      "top": "704.744px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1bdf1421-8e4a-4d23-b13c-e001dab38c8a.svg",
      "id": "0-8",
      "left": "109.333px",
      "top": "433.373px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7d3eca50-6a93-4c2a-9115-3e6b98ddc99c.svg",
      "id": "0-9",
      "left": "109.333px",
      "top": "749.972px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bc8678f6-ef44-427c-92aa-41d926322aa9.svg",
      "id": "0-10",
      "left": "109.333px",
      "top": "478.602px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c26c0dde-4d75-4f62-a4f0-a72c69f6b639.svg",
      "id": "0-11",
      "left": "109.333px",
      "top": "795.2px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/19c0fade-91fc-4b76-a735-0671930f09e9.svg",
      "id": "0-12",
      "left": "109.333px",
      "top": "523.83px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8e3c0ced-d168-4514-b012-621733880970.svg",
      "id": "0-13",
      "left": "109.333px",
      "top": "840.429px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e8cb6a66-aed0-4b1c-b8bd-bf39dde7b746.svg",
      "id": "0-14",
      "left": "109.333px",
      "top": "569.059px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c6c1a5f7-fd80-481f-8d5c-3508bbc6b3f6.svg",
      "id": "0-15",
      "left": "109.333px",
      "top": "885.657px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/459834ef-5f56-486a-9c77-a92ccd92bada.svg",
      "id": "0-16",
      "left": "109.333px",
      "top": "930.886px",
      "width": "359.502px",
      "height": "2px"
    },
    {
      "type": "GROUP",
      "id": "0-17-0",
      "left": "484.358px",
      "top": "242.205px",
      "width": "222.30854699999998px",
      "height": "273.850510464px",
      "transform": "none",
      "background": "rgb(192, 192, 192)",
      "backgroundColor": "rgb(192, 192, 192)",
      "clipPath": "path(\"M0,0L0,651.64811822465L529,651.64811822465L529,0L0,0ZM524.1911740258142,646.8392922504643L4.708642099723616,646.8392922504643L4.708642099723616,4.708642099723616L524.1911740258142,4.708642099723616L524.1911740258142,646.8392922504643Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ec56394a-ded4-44cf-8f15-8800be7cb15e.svg",
      "id": "0-18",
      "left": "484.358px",
      "top": "297.688px",
      "width": "222.308px",
      "height": "2px"
    },
    {
      "type": "GROUP",
      "id": "0-19-0",
      "left": "484.358px",
      "top": "533.581px",
      "width": "222.30854699999998px",
      "height": "252.971157252px",
      "transform": "none",
      "background": "rgb(192, 192, 192)",
      "backgroundColor": "rgb(192, 192, 192)",
      "clipPath": "path(\"M0,0L0,601.9640586162174L529,601.9640586162174L529,0L0,0ZM524.1911740258142,597.1552326420315L4.708642099723616,597.1552326420315L4.708642099723616,4.708642099723616L524.1911740258142,4.708642099723616L524.1911740258142,597.1552326420315Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8ef119c8-831f-46fa-89aa-b3132662901b.svg",
      "id": "0-20",
      "left": "484.358px",
      "top": "589.064px",
      "width": "222.308px",
      "height": "2px"
    },
    {
      "type": "GROUP",
      "id": "0-21-0",
      "left": "484.358px",
      "top": "804.078px",
      "width": "222.308362583px",
      "height": "177.255614px",
      "transform": "none",
      "background": "rgb(192, 192, 192)",
      "backgroundColor": "rgb(192, 192, 192)",
      "clipPath": "path(\"M0,0L0,422L529.2586045847024,422L529.2586045847024,0L0,0ZM524.4474277892616,417.188823204559L4.710943945535925,417.188823204559L4.710943945535925,4.710943945535925L524.4474277892616,4.710943945535925L524.4474277892616,417.188823204559Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/174d5099-be61-40dd-b734-7a5b9d07a725.svg",
      "id": "0-22",
      "left": "484.358px",
      "top": "857.249px",
      "width": "222.308px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0e1522f2-bf8b-4ad9-be09-a47161c8ac4d.png",
      "id": "0-23",
      "left": "706.667px",
      "top": "0.0px",
      "width": "149.333px",
      "height": "149.333px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/70459e20-9c24-4a81-a6a8-d6f83440d976.png",
      "id": "0-24",
      "left": "-25.5268px",
      "top": "554.153px",
      "width": "120.387px",
      "height": "120.387px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a38e579d-0155-4b96-80db-cfe262d4288b.png",
      "id": "0-25",
      "left": "732.826px",
      "top": "932.826px",
      "width": "97.0139px",
      "height": "97.0139px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "S",
      "id": "0-26",
      "left": "151.407px",
      "top": "185.84452px",
      "width": "36.2465px",
      "height": "29.9498px",
      "transform": "none",
      "color": "rgb(106, 102, 102)",
      "fontSize": "25px",
      "fontFamily": "Cormorant Garamond--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "35.748158000000004px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "M",
      "id": "0-27",
      "left": "187.653px",
      "top": "185.84452px",
      "width": "47.3136px",
      "height": "29.9498px",
      "transform": "none",
      "color": "rgb(106, 102, 102)",
      "fontSize": "25px",
      "fontFamily": "Cormorant Garamond--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "35.748158000000004px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "T",
      "id": "0-28",
      "left": "234.967px",
      "top": "185.84452px",
      "width": "43.5578px",
      "height": "29.9498px",
      "transform": "none",
      "color": "rgb(106, 102, 102)",
      "fontSize": "25px",
      "fontFamily": "Cormorant Garamond--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "35.748158000000004px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "W",
      "id": "0-29",
      "left": "278.525px",
      "top": "185.84452px",
      "width": "47.1134px",
      "height": "29.9498px",
      "transform": "none",
      "color": "rgb(106, 102, 102)",
      "fontSize": "25px",
      "fontFamily": "Cormorant Garamond--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "35.748158000000004px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "F",
      "id": "0-30",
      "left": "369.196px",
      "top": "185.84452px",
      "width": "38.8039px",
      "height": "29.9498px",
      "transform": "none",
      "color": "rgb(106, 102, 102)",
      "fontSize": "25px",
      "fontFamily": "Cormorant Garamond--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "35.748158000000004px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "T",
      "id": "0-31",
      "left": "325.638px",
      "top": "185.84452px",
      "width": "43.5578px",
      "height": "29.9498px",
      "transform": "none",
      "color": "rgb(106, 102, 102)",
      "fontSize": "25px",
      "fontFamily": "Cormorant Garamond--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "35.748158000000004px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "norm
```
_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