# gdb-hub / gdb__template-2-s161

- 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/db3a6de7-f73b-4dfd-911e-f17348b71f9a.svg",
      "left": "168.0px",
      "top": "354.0px",
      "width": "1645.1px",
      "height": "5.8px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4b9d6923-92ad-4344-b261-4387f0c6aef1.svg",
      "left": "168.0px",
      "top": "711.0px",
      "width": "1645.1px",
      "height": "5.8px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4db5d555-ab1a-4182-9f05-4bd710f124fd.png",
      "top": "-1.2px",
      "width": "871px",
      "height": "349.2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/65dc5401-fc46-45a8-95fc-c1f00b45627c.png",
      "left": "1049.1px",
      "top": "347.9px",
      "width": "871.1px",
      "height": "362.6px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2d2df2ad-dea2-47c2-96c3-8a0c50e0084c.png",
      "width": "871.7px",
      "height": "368.9px"
    },
    {
      "type": "TEXT",
      "text": "Vision and Mission",
      "left": "254px",
      "top": "76px",
      "width": "631.3px",
      "height": "90px",
      "fontSize": "60px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Market Analysis",
      "left": "254px",
      "top": "422px",
      "width": "539.9px",
      "height": "90px",
      "fontSize": "60px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Research Overview",
      "left": "254px",
      "top": "789px",
      "width": "656px",
      "height": "90px",
      "fontSize": "60px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer \nadipiscing elit.",
      "left": "254px",
      "top": "890.4px",
      "width": "611px",
      "height": "92px",
      "color": "#3f3f3f",
      "fontSize": "31px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer \nadipiscing elit.",
      "left": "254px",
      "top": "532.5px",
      "width": "611px",
      "height": "92px",
      "color": "#3f3f3f",
      "fontSize": "31px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer \nadipiscing elit.",
      "left": "254px",
      "top": "178.7px",
      "width": "611px",
      "height": "92px",
      "color": "#3f3f3f",
      "fontSize": "31px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "GROUP",
      "left": "0px",
      "top": "0px",
      "width": "163px",
      "height": "1080px",
      "background": "#eb5054"
    }
  ],
  "background": "#d4cfc2",
  "width": "1920px",
  "height": "1080px"
}

Candidates:
[Q9jERD2IAYmMxLwUYgQA]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1a4d4e30-a43f-4296-a089-44f729f23a44.png",
      "left": "889.0px",
      "top": "13.0px",
      "width": "1017.8px",
      "height": "949.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/71a77d8b-fccf-4194-a805-4faa821ce20a.svg",
      "left": "140.9px",
      "top": "777.7px",
      "width": "1191.0px",
      "height": "1.6px"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, \nconsectetur adi piscing elit. Sed \niaculis mattis augue, et",
      "left": "556.2px",
      "top": "837px",
      "width": "379.5px",
      "height": "111px",
      "fontSize": "25px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Data Research \nPie Chart",
      "left": "153px",
      "top": "113px",
      "width": "913px",
      "height": "480px",
      "color": "#00533e",
      "fontSize": "160px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "100%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "$3M",
      "left": "153px",
      "top": "781px",
      "width": "360.8px",
      "height": "250px",
      "color": "#f7633d",
      "fontSize": "166.6px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing \nelit. Sed iaculis mattis augue, et hendrerit augue \nsemper sed. Nunc sit amet posuere",
      "left": "153px",
      "top": "629px",
      "width": "603.3px",
      "height": "111px",
      "fontSize": "25px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    }
  ],
  "background": "#d4cfc2",
  "width": "1920px",
  "height": "1080px"
}

[NCf0d8lhnUJ8hLNXiqU5]
{
  "components": [
    {
      "type": "TEXT",
      "text": "CORPORATE FINANCE SOLUTIONS",
      "id": "0-0",
      "left": "108.0px",
      "top": "336.8494px",
      "width": "730.346px",
      "height": "323.89px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "106px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "98.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "01",
      "id": "0-1",
      "left": "902.04px",
      "top": "246.91427000000002px",
      "width": "223.085px",
      "height": "203.763px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "172px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "justify",
      "lineHeight": "155.58576px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "02",
      "id": "0-2",
      "left": "902.04px",
      "top": "476.96826999999996px",
      "width": "223.085px",
      "height": "203.763px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "172px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "justify",
      "lineHeight": "155.58576px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue blandit alique. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi. Nulla sodales turpis ultrices elit.",
      "id": "0-3",
      "left": "960.0px",
      "top": "355.79499000000004px",
      "width": "852px",
      "height": "80px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "20px",
      "fontFamily": "Lato--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue blandit alique. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi. Nulla sodales turpis ultrices elit.",
      "id": "0-4",
      "left": "960.0px",
      "top": "585.8489900000001px",
      "width": "852px",
      "height": "80px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "20px",
      "fontFamily": "Lato--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "03",
      "id": "0-5",
      "left": "902.04px",
      "top": "744.07027px",
      "width": "223.085px",
      "height": "203.763px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "172px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "justify",
      "lineHeight": "155.58576px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue blandit alique. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi. Nulla sodales turpis ultrices elit.",
      "id": "0-6",
      "left": "960.0px",
      "top": "852.95199px",
      "width": "852px",
      "height": "80px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "20px",
      "fontFamily": "Lato--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6da32e45-82f1-4d3b-bec7-834ff90b2e64.svg",
      "id": "0-7",
      "left": "108px",
      "top": "174.821px",
      "width": "863.747px",
      "height": "1px",
      "transform": "rotate(1.88532e-15deg)"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur.",
      "id": "0-8",
      "left": "108.0px",
      "top": "119.15899px",
      "width": "667.574px",
      "height": "24.0078px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "20px",
      "fontFamily": "Lato--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0a5b1f1e-1a9b-4399-b6ab-68ae5aeb22be.svg",
      "id": "0-9",
      "left": "1723.64px",
      "top": "108px",
      "width": "88.363px",
      "height": "1px",
      "transform": "rotate(1.8429e-14deg)"
    },
    {
      "type": "TEXT",
      "text": "'25",
      "id": "0-10",
      "left": "1691.98px",
      "top": "147.1362px",
      "width": "120.022px",
      "height": "43.6886px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "36px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "33.470892px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Site",
      "id": "0-11",
      "left": "108.0px",
      "top": "916.72499px",
      "width": "122.992px",
      "height": "24.0078px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "20px",
      "fontFamily": "Lato--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "loremipsumsite.co",
      "id": "0-12",
      "left": "108.0px",
      "top": "945.99999px",
      "width": "282.216px",
      "height": "24.0078px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "20px",
      "fontFamily": "Lato--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "-0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(248, 248, 248)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[GieOoQ0jKliJK9Lejjzc]
{
  "components": [
    {
      "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": "746px",
      "top": "767px",
      "width": "794px",
      "height": "152px",
      "color": "#3f3f3f",
      "fontSize": "25px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "KEY RESOURCE",
      "left": "746px",
      "top": "686px",
      "width": "578px",
      "height": "74px",
      "fontSize": "49.2px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "150%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Guiding Your \nBrand to the \nTop",
      "left": "746px",
      "top": "128px",
      "width": "1096px",
      "height": "540px",
      "fontSize": "180px",
      "fontFamily": "Radio Canada Big",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "100%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "GROUP",
      "left": "0px",
      "top": "0px",
      "width": "666.2px",
      "height": "215.2px",
      "background": "#eb5054"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7a956b3f-854a-487a-8dc4-dc9a0c7b21a1.png",
      "left": "0.0px",
      "top": "143.2px",
      "width": "667.2px",
      "height": "780.8px",
      "overflow": "hidden"
    }
  ],
  "background": "#d4cfc2",
  "width": "1920px",
  "height": "1080px"
}

[YTWgxVaV7t9Q51Rd7b3m]
{
  "components": [
    {
      "type": "TEXT",
      "text": "Focused on saving our planet",
      "id": "0-0",
      "left": "148.4107px",
      "top": "604.8820000000001px",
      "width": "298.137px",
      "height": "33.0px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
```
_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