# gdb-hub / gdb__template-2-s102

- 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_d798f938-fea4-4c4f-a1a1-708826f82f2c.png",
      "id": "0-0-0",
      "left": "-312.529px",
      "top": "-12.0px",
      "width": "-554.281px",
      "height": "369.521px",
      "transform": "scale(-1, 1) rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "-25.0762px",
      "top": "147.522px",
      "width": "242.15175000000002px",
      "height": "57.6px",
      "transform": "none",
      "background": "rgb(228, 231, 238)",
      "backgroundColor": "rgb(228, 231, 238)",
      "clipPath": "path(\"M0,0L1076.232856151871,0L1076.232856151871,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bc5167de-382b-4237-a392-6aedb609b22d.svg",
      "id": "0-2",
      "left": "46.1575px",
      "top": "41.3856px",
      "width": "99.6851px",
      "height": "86.9979px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "OFFICE LOREN",
      "id": "0-3",
      "left": "3.32337px",
      "top": "161.282px",
      "width": "185.353px",
      "height": "22.4176px",
      "color": "rgb(8, 42, 97)",
      "fontSize": "19px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "26.31904px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "YOUR SLOGAN",
      "id": "0-4",
      "left": "38.6678px",
      "top": "183.158px",
      "width": "114.664px",
      "height": "8.2065px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "7px",
      "fontFamily": "Open Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "9.654704px",
      "letterSpacing": "0.267em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "192px",
  "height": "336px",
  "duration": 3
}

Candidates:
[nNdeCG6xrLEz6orDgDCO]
{
  "components": [
    {
      "type": "GROUP",
      "left": "5.68434e-13px",
      "width": "1920.0033709999998px",
      "height": "488.9344px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L1005.2863809010679,0L1005.2863809010679,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ae096cb6-8189-448a-a5cb-07c9b41db130.jpg",
      "left": "887.6730000000001px",
      "top": "488.935px",
      "width": "1526.9718006px",
      "height": "591.0656px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L895.6059095793721,0.0L895.6059095793721,591.0656L0.0,591.0656Z\")"
    },
    {
      "type": "GROUP",
      "left": "108.0px",
      "top": "214.253px",
      "width": "149.307904px",
      "height": "149.307904px",
      "transform": "none",
      "background": "rgb(252, 220, 90)",
      "backgroundColor": "rgb(252, 220, 90)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "left": "1007.95px",
      "top": "214.253px",
      "width": "149.307904px",
      "height": "149.307904px",
      "transform": "none",
      "background": "rgb(252, 220, 90)",
      "backgroundColor": "rgb(252, 220, 90)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "TEXT",
      "text": "INFO",
      "left": "1449.25px",
      "top": "77px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "REACH",
      "left": "1658.63px",
      "top": "77px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "FRADEL & SPIES",
      "left": "108px",
      "top": "77px",
      "width": "266.141px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "1",
      "left": "153.749px",
      "top": "256.448px",
      "width": "57.809px",
      "height": "64.9161px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "54px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "center",
      "lineHeight": "64.91616px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.",
      "left": "289.318px",
      "top": "261.17219px",
      "width": "622.728px",
      "height": "99.9124px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "25px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "35.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "VIEW",
      "left": "289.318px",
      "top": "215.6px",
      "width": "162.561px",
      "height": "32.8575px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "28px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "32.85752px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "2",
      "left": "1053.7px",
      "top": "256.448px",
      "width": "57.809px",
      "height": "65px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "54px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "center",
      "lineHeight": "65.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.",
      "left": "1189.27px",
      "top": "261.17219px",
      "width": "622.728px",
      "height": "99.9124px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "25px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "35.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "AIM",
      "left": "1189.27px",
      "top": "215.6px",
      "width": "162.561px",
      "height": "33px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "28px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "VISION & MISSION",
      "left": "108px",
      "top": "600.508px",
      "width": "807.879px",
      "height": "102px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "85px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "102.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.",
      "left": "108.0px",
      "top": "715.09335px",
      "width": "775.251px",
      "height": "142.667px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "PG 03",
      "left": "108px",
      "top": "972px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[QhyhY8vcX9Lrq7WdG8Ks]
{
  "components": [
    {
      "type": "GROUP",
      "left": "1707.4px",
      "top": "0px",
      "width": "212.6px",
      "height": "314.5px",
      "background": "#00533e"
    },
    {
      "type": "GROUP",
      "left": "0px",
      "top": "0px",
      "width": "1707px",
      "height": "315px",
      "background": "#a35d3f"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a2e19115-0d9f-44a7-8ca9-114f9cba4bec.png",
      "left": "0px",
      "top": "317.0px",
      "width": "749.6px",
      "height": "763.0px"
    },
    {
      "type": "TEXT",
      "text": "$13,144,800",
      "left": "861px",
      "top": "437px",
      "width": "921.2px",
      "height": "239px",
      "fontSize": "159.6px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Winning Markets",
      "left": "126px",
      "top": "29px",
      "width": "1363px",
      "height": "255px",
      "color": "#fff",
      "fontSize": "170px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Elevating Your Brand",
      "left": "1163px",
      "top": "664px",
      "width": "619.4px",
      "height": "96px",
      "color": "#f7633d",
      "fontSize": "63.8px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "150%",
      "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 libero, sit amet commodo magna eros quis urna.",
      "left": "808px",
      "top": "785px",
      "width": "974px",
      "height": "114px",
      "color": "#3f3f3f",
      "fontSize": "25px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    }
  ],
  "background": "#d4cfc2",
  "width": "1920px",
  "height": "1080px"
}

[Ixlxo8mBZPRYech9URuz]
{
  "components": [
    {
      "type": "TEXT",
      "text": "AUG 6",
      "id": "0-0",
      "left": "176.667px",
      "top": "584.61667px",
      "width": "462.666px",
      "height": "81.4579px",
      "transform": "none",
      "color": "rgb(28, 31, 29)",
      "fontSize": "68px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "95.073372px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0fc49198-65a4-43db-abe3-23773140a722.svg",
      "id": "0-1",
      "left": "275.657px",
      "top": "669.724px",
      "width": "264.687px",
      "height": "4px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/13762577-9f25-4275-b2db-ba4e54da8925.svg",
      "id": "0-2",
      "left": "251.49px",
      "top": "709.579px",
      "width": "313.02px",
      "height": "4px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b8afd1f2-ffc4-4d23-93a7-33913297ce6a.svg",
      "id": "0-3",
      "left": "223.851px",
      "top": "749.512px",
      "width": "368.299px",
      "height": "4px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ab150071-0997-4971-9759-97f0289d796f.png",
      "id": "0-4",
      "left": "-40.9178px",
      "top": "-93.6382px",
      "width": "339.926px",
      "height": "380.159px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4b4352cb-95c9-43dc-900a-f2c64dfa9047.png",
      "id": "0-5",
      "left": "341.562px",
      "top": "759.979px",
      "width": "501.174px",
      "height": "560.754px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/64446859-0df1-4834-baa6-4a0038ab58f3.png",
      "id": "0-6",
      "left": "-58.0585px",
      "top": "732.657px",
      "width": "469.451px",
      "height": "578.677px",
      "transform": "rotate(-7.87024deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d4f20cef-4104-4f78-8305-94d145fc0884.png",
      "id": "0-7",
      "left": "457.896px",
      "top": "-25.0428px",
      "width": "497.542px",
      "height": "331.28px",
      "transform": "rotate(19.3181deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/132a81b0-fe63-408f-ab91-dde66b5c8765.png",
      "id": "0-8",
      "left": "616.684px",
      "top": "194.194px",
      "width": "482.325px",
      "height": "605.429px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/93d91e9c-5e68-4580-9bff-0a4bc039e05e.png",
      "id": "0-9",
      "left": "299.008px",
      "top": "-365.831px",
      "width": "464.24
```
_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