# gdb-hub / gdb__template-2-s101

- 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/background_image_bc18371b-bdb6-4051-bf23-dc334becb295.jpeg",
      "left": "-270.0px",
      "top": "0.0px",
      "width": "1620.0px",
      "height": "1080.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/be15d587-f28b-4caa-bff3-df581eaccfb0.jpg",
      "id": "0-0",
      "left": "506.432px",
      "top": "108.0px",
      "width": "573.568px",
      "height": "864.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7da1e137-cf34-42e7-ae86-f2d2375edd8d.jpg",
      "id": "0-0",
      "left": "399.743px",
      "top": "108.0px",
      "width": "572.2570000000001px",
      "height": "783.73px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/63c6e6b5-672a-4b8e-b866-82c2e1ec8540.jpg",
      "id": "0-0",
      "left": "0.0px",
      "top": "205.784px",
      "width": "506.432px",
      "height": "685.946px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/80efec95-4297-4d1d-88fa-a653c4c1ceb6.jpg",
      "id": "0-0",
      "left": "0.0px",
      "top": "810.794px",
      "width": "506.432px",
      "height": "80.9357px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Elle",
      "left": "75.9662px",
      "top": "502.438px",
      "width": "400.837px",
      "height": "63px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "53px",
      "fontFamily": "Montserrat--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "47.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Darc",
      "left": "75.9662px",
      "top": "562.438px",
      "width": "347.277px",
      "height": "39px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "33px",
      "fontFamily": "Montserrat--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "29.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "SR. DESIGNER",
      "left": "74.4324px",
      "top": "607.51833px",
      "width": "347.277px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Crucially, ensure social shares are backed by accurate data & research.",
      "left": "74.4324px",
      "top": "679.96433px",
      "width": "420.25px",
      "height": "100.267px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@LOREMIPSUM",
      "left": "74.4324px",
      "top": "838.26233px",
      "width": "325.31px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(16, 43, 78)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "REALLY GREAT\nCOMPANY",
      "left": "110.956px",
      "top": "106.13333px",
      "width": "281.601px",
      "height": "48.2667px",
      "transform": "none",
      "color": "rgb(16, 43, 78)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "LOREMIPSUM.CO",
      "left": "109.534px",
      "top": "947.86633px",
      "width": "345.743px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(16, 43, 78)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.1em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[i1eiNFn3tJDTve9VeJDX]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/background_image_ced52ad4-9bb9-461b-89d6-0ff3f17ab96d.png",
      "left": "-793.714px",
      "top": "-85.3521px",
      "width": "1873.71px",
      "height": "1250.7px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2944e58c-3c3f-49c3-9bf9-70a0971ede0a.jpg",
      "id": "0-0",
      "left": "110.956px",
      "top": "108.0px",
      "width": "538.578px",
      "height": "972.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d7a750e7-9ab7-4d5b-b0a6-9c287bacba8d.jpg",
      "id": "0-0",
      "left": "573.568px",
      "top": "197.027px",
      "width": "506.432px",
      "height": "685.9459999999999px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/80c8ef00-db26-4f67-9b27-bce16a60e9a9.jpg",
      "id": "0-0",
      "left": "573.568px",
      "top": "802.037px",
      "width": "506.432px",
      "height": "80.9357px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Fran",
      "left": "649.534px",
      "top": "493.681px",
      "width": "400.837px",
      "height": "63px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "53px",
      "fontFamily": "Montserrat--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "47.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Andrad",
      "left": "649.534px",
      "top": "553.681px",
      "width": "347.277px",
      "height": "39px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "33px",
      "fontFamily": "Montserrat--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "29.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "SR. MARKETING",
      "left": "648.0px",
      "top": "598.76233px",
      "width": "347.277px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Ensure social media content is backed by accurate data & research.",
      "left": "648.0px",
      "top": "671.20733px",
      "width": "420.25px",
      "height": "100.267px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@LOREMIPSUM",
      "left": "648.0px",
      "top": "829.50533px",
      "width": "325.31px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(16, 43, 78)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "GREAT COMPANY",
      "left": "689.71634px",
      "top": "106.13333px",
      "width": "281.601px",
      "height": "48.2667px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/535526ee-2480-44c7-be28-83b4b2f2fadb.jpg",
      "id": "0-0",
      "left": "0.0px",
      "top": "0.0px",
      "width": "110.956px",
      "height": "685.946px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "LOREMIPSUM.CO",
      "left": "623.70767px",
      "top": "947.86633px",
      "width": "345.743px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "26.0px",
      "letterSpacing": "0.1em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[vHuIAmqGCDC8rpB08JHl]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "313.141px",
      "top": "-52.2471px",
      "width": "703.9993125000001px",
      "height": "528.0px",
      "transform": "none",
      "background": "rgb(99, 68, 61)",
      "backgroundColor": "rgb(99, 68, 61)",
      "clipPath": "path(\"M85.33333333333333,0L341.3333333333333,0L256,256L0,256L85.33333333333333,0Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "-81.1152px",
      "top": "721.984px",
      "width": "449.14644138000006px",
      "height": "336.86016px",
      "transform": "none",
      "background": "rgb(99, 68, 61)",
      "backgroundColor": "rgb(99, 68, 61)",
      "clipPath": "path(\"M85.33333333333333,0L341.3333333333333,0L256,256L0,256L85.33333333333333,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3a8053d6-1a33-43a9-8366-e51ce77383ff.svg",
      "id": "0-2",
      "left": "349.341px",
      "top": "100.302px",
      "width": "131.017px",
      "height": "131.017px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0fdf7cd6-18f6-48c4-a624-7388507be15a.svg",
      "id": "0-3",
      "left": "379.424px",
      "top": "139.853px",
      "width": "70.8508px",
      "height": "51.9143px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5b91d236-4ae7-462b-9e2d-143cd5fd4677.svg",
      "id": "0-4",
      "left": "110.456px",
      "top": "364.572px",
      "width": "45.0187px",
      "height": "32.9864px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e0d119ca-47e2-4484-ba37-59659b8d7664.svg",
      "id": "0-5",
      "left": "109.333px",
      "top": "106.369px",
      "width": "68.2498px",
      "height": "3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0b304643-94b2-4a35-9369-27dddaf7c33d.svg",
      "id": "0-6",
      "left": "411.402px",
      "top": "573.748px",
      "width": "68.2498px",
      "height": "3px"
    },
    {
      "type": "GROUP",
      "id": "0-7-0",
      "left": "411.402px",
      "top": "677.615px",
      "width": "48.456704px",
      "height": "49.803270376px",
      "transform": "none",
      "background": "rgb(234, 231, 223)",
      "backgroundColor": "rgb(234, 231, 223)",
      "clipPath": "path(\"M0,0L256,0L256,263.1137454447081L0,263.1137454447081Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-8-0",
      "left": "411.402px",
      "top": "777.263px",
      "width": "48.456704px",
      "height": "49.803270376px",
      "transform": "none",
      "background": "rgb(234, 231, 223)",
      "backgroundColor": "rgb(234, 231, 223)",
      "clipPath": "path(\"M0,0L256,0L256,263.1137454447081L0,263.1137454447081Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-9-0",
      "left": "411.402px",
      "top": "876.91px",
      "width": "48.456704px",
      "height": "49.803270376px",
      "transform": "none",
      "background": "rgb(234, 231, 223)",
      "backgroundColor": "rgb(234, 231, 223)",
      "clipPath": "path(\"M0,0L256,0L256,263.1137454447081L0,263.1137454447081Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d0ecb877-5628-4b37-993f-59215c73d4f7.jpg",
      "id": "0-10-0-0",
      "left": "-75.8087px",
      "top": "179.41899999999998px",
      "width": "462.5668971200001px",
      "height": "692.98439648px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,282.39872L0.0,0.0L462.5670789964159,0.0L368.9402632258066,282.39872L0.0,282.39872Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-11-0",
      "left": "110.456px",
      "top": "793.446px",
      "width": "75.21724299599998px",
      "height": "72.248832px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0,0L266.51798426202225,0L266.51798426202225,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/492f0985-0b93-4e96-8c97-84fb2e458a7a.svg",
      "id": "0-11-1",
      "left":
```
_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