# gdb-hub / gdb__template-2-s177

- 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": "GROUP",
      "left": "5.68434e-13px",
      "width": "1920.00167171px",
      "height": "167.145728px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "left": "108.0px",
      "top": "226.373px",
      "width": "785.8435806px",
      "height": "776.6272px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L259.03824741457294,0L259.03824741457294,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f60e0ea2-4901-4942-b3c8-0f37b97ee94e.jpg",
      "left": "78.1911px",
      "top": "258.662px",
      "width": "1068.07296px",
      "height": "712.04864px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L720.4993428887896,0.0L720.4993428887896,712.04864L0.0,712.04864Z\")"
    },
    {
      "type": "TEXT",
      "text": "ABOUT PHOTOGRAPHY",
      "left": "1004.12px",
      "top": "424.113px",
      "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": "PAGE 2",
      "left": "1658.63px",
      "top": "972px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.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 magna aliqua.",
      "left": "1004.12px",
      "top": "538.69935px",
      "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": "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": "EMAIL",
      "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"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[l3F2Koh6hiiQEDpASs3l]
{
  "components": [
    {
      "type": "GROUP",
      "left": "5.68434e-13px",
      "width": "1920.00167171px",
      "height": "167.145728px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a94ec0ef-4ecf-4b3d-8fde-41c3ffd020a9.jpg",
      "left": "1151.381px",
      "top": "500.074px",
      "width": "528.1311799800001px",
      "height": "788.7459151800001px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L353.22624,0.0L353.22624,788.7460097004472L0.0,788.7460097004472Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d8a1772e-581a-4707-aff0-cae59fcd415d.jpg",
      "left": "1467.344px",
      "top": "387.539px",
      "width": "591.56201394px",
      "height": "788.7493519200001px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L582.62016,0.0L582.62016,788.748907350289L0.0,788.748907350289Z\")"
    },
    {
      "type": "TEXT",
      "text": "LIGHT'S ROLE",
      "left": "108px",
      "top": "502.624px",
      "width": "593.8px",
      "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": "P. 10",
      "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"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.",
      "left": "108.0px",
      "top": "606.29535px",
      "width": "679.014px",
      "height": "105.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": "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": "HELP",
      "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"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[gNpBOfpXnAzQ6Xukp7ag]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f32ce188-49d1-4651-8dca-c0f82bfd3679.jpg",
      "id": "0-0-0",
      "left": "0.0px",
      "top": "0.0px",
      "width": "491.507px",
      "height": "1080.0px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ebd42620-fcde-4d45-b674-b9c1c3754e75.svg",
      "id": "0-1",
      "left": "-70.2535px",
      "top": "386.396px",
      "width": "632.014px",
      "height": "343.658px",
      "transform": "rotate(-90deg)",
      "opacity": 0.39,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/dac2a026-8068-4e5b-9536-ec4945927a96.svg",
      "id": "0-2",
      "left": "-70.2535px",
      "top": "283.181px",
      "width": "632.014px",
      "height": "343.658px",
      "transform": "rotate(-90deg)",
      "opacity": 0.39,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b8fe4bbb-eb66-451f-ab64-13f9f619306d.svg",
      "id": "0-3",
      "left": "491.507px",
      "top": "0.0px",
      "width": "320.224px",
      "height": "80.8565px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/52d36962-e04f-42d7-a1bc-d2917083758e.svg",
      "id": "0-4",
      "left": "491.507px",
      "top": "999.144px",
      "width": "320.224px",
      "height": "80.8565px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e4d7fa44-9775-40f6-8c37-8127e84befb0.svg",
      "id": "0-5",
      "left": "759.776px",
      "top": "0.0px",
      "width": "320.224px",
      "height": "80.8565px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/70cee961-1c40-4fcb-aa81-e57984c437ef.svg",
      "id": "0-6",
      "left": "759.776px",
      "top": "999.144px",
      "width": "320.224px",
      "height": "80.8565px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "FITNESS",
      "id": "0-7",
      "left": "443.313px",
      "top": "95.9025px",
      "width": "528.687px",
      "height": "159.329px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "133px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "185.9507px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "AND GYM",
      "id": "0-8",
      "left": "443.313px",
      "top": "226.61679999999998px",
      "width": "528.687px",
      "height": "148.25px",
      "transform": "none",
      "color": "rgb(78, 252, 1)",
      "fontSize": "123px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "173.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "HUB",
      "id": "0-9",
      "left": "524.705px",
      "top": "345.9918px",
      "width": "447.295px",
      "height": "148.25px",
      "transform": "none",
      "color": "rgb(78, 252, 1)",
      "fontSize": "123px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "173.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "SHAPE",
      "id": "0-10",
      "left": "573.952px",
      "top": "514.2804000000001px",
      "width": "398.048px",
      "height": "166.856px",
      "transform": "none",
      "color": "rgb(242, 244, 249)",
      "fontSize": "139px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "194.74919999999997px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "YOUR",
      "id": "0-11",
      "left": "615.36px",
      "top": "645.2924px",
      "width": "356.64px",
      "height": "177.094px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "147px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "206.65053999999998px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "BODY",
      "id": "0-12",
      "left": "615.36px",
      "top": "775.0911000000001px",
      "width": "356.64px",
      "height": "181.696px",
      "transform": "none",
      "color": "rgb(78, 252, 1)",
      "fontSize": "151px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "212.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[9vr8GlU8qBzylQA0R6hw]
{
  "components": [
    {
      "type": "GROUP",
      "left": "5.68434e-13px",
      "width": "1920.00167171px",
      "height": "167.145728px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "left": "1.08002e-12px",
      "top": "214.253px",
      "width": "711.58632412px",
      "height": "436.29568px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L417.52854048700027,0L417.52854048700027,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f754ed68-5660-4e71-a8a2-16c4f9f1cec4.jpg",
      "left": "899.5649999999999px",
      "top": "464.894px",
      "width": "591.56116852px",
      "height": "788.7487491800001px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L402.80576,0.0L402.80576,788.7482065137838L0.0,788.7482065137838Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/50b488a2-2a70-40c6-ab2f-a5ee875e6011.jpg",
      "left": "1281.4840000000002px",
      "top": "464
```
_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