# gdb-hub / gdb__template-2-s144

- 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/19ebccd2-be84-43ad-b888-764ec6de3011.jpg",
      "id": "0-0",
      "left": "108.0px",
      "top": "159.283px",
      "width": "898.433px",
      "height": "761.434px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "CONTACT",
      "left": "1192.59px",
      "top": "220.9333px",
      "width": "496.36px",
      "height": "63.2665px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "53px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "91.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Office",
      "left": "1192.59px",
      "top": "482.08234000000004px",
      "width": "248.18px",
      "height": "31.6667px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "26px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem 42, Urbs Dolor, IP 98",
      "left": "1192.59px",
      "top": "530.23299px",
      "width": "433.37px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Visit our website, follow us on social media, or contact us to discuss your project. Let\u2019s build something extraordinary together.",
      "left": "1192.59px",
      "top": "333.25999px",
      "width": "581.737px",
      "height": "80px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Mail & Social",
      "left": "1192.59px",
      "top": "598.56634px",
      "width": "310.077px",
      "height": "31.6667px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "26px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsumsite.co\n@loremipsumsite",
      "left": "1192.59px",
      "top": "646.71599px",
      "width": "341.483px",
      "height": "52px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Phone/Fax",
      "left": "1192.59px",
      "top": "743.04934px",
      "width": "310.077px",
      "height": "31.6667px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "26px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "531-842-76",
      "left": "1192.59px",
      "top": "791.1999900000001px",
      "width": "248.18px",
      "height": "52px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(247, 243, 238)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[58KCTYpSufDKLTfdYrbJ]
{
  "components": [
    {
      "type": "TEXT",
      "text": "COMPANY FINANCIAL CHALLENGES",
      "id": "0-0",
      "left": "108.0px",
      "top": "160.1004px",
      "width": "1256.14px",
      "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": "Financial Issue 1",
      "id": "0-1",
      "left": "108.0px",
      "top": "569.32969px",
      "width": "381.113px",
      "height": "39.3295px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "33px",
      "fontFamily": "Lato--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "-0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Financial Issue 2",
      "id": "0-2",
      "left": "713.498px",
      "top": "569.32969px",
      "width": "381.113px",
      "height": "39.3295px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "33px",
      "fontFamily": "Lato--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "-0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue blandit aliquet. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi.",
      "id": "0-3",
      "left": "108.0px",
      "top": "640.2049900000001px",
      "width": "493.004px",
      "height": "136px",
      "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 aliquet. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi.",
      "id": "0-4",
      "left": "713.498px",
      "top": "640.2049900000001px",
      "width": "493.004px",
      "height": "136px",
      "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 aliquet. Morbi euismod nibh ipsum, nec tempor justo suscipit id. Phasellus enim sapien, hendrerit non nunc non, vicula accumsan nisi.",
      "id": "0-5",
      "left": "1319.0px",
      "top": "640.2049900000001px",
      "width": "493.004px",
      "height": "136px",
      "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": "Financial Issue 3",
      "id": "0-6",
      "left": "1319.0px",
      "top": "569.32969px",
      "width": "381.113px",
      "height": "39.3295px",
      "transform": "none",
      "color": "rgb(7, 17, 18)",
      "fontSize": "33px",
      "fontFamily": "Lato--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "-0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5bf18258-af6c-4c5a-9dc1-2b4a10dc08e0.svg",
      "id": "0-7",
      "left": "1723.64px",
      "top": "108px",
      "width": "88.363px",
      "height": "1px",
      "transform": "rotate(1.8429e-14deg)"
    },
    {
      "type": "TEXT",
      "text": "25",
      "id": "0-8",
      "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-9",
      "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-10",
      "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
}

[IShxkpcYDqNC1BiqEtoK]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5025bcf6-cee8-452c-a686-019893325511.svg",
      "id": "0-0",
      "left": "0px",
      "top": "109.5px",
      "width": "1920px",
      "height": "1px",
      "transform": "rotate(1.6963e-15deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4c896167-6452-41be-a75a-5c01ef30325a.jpg",
      "id": "0-1-0",
      "left": "218.092px",
      "top": "332.543px",
      "width": "409.299px",
      "height": "554.179px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4836637c-1cad-4edf-a003-a90f6f446d9d.svg",
      "id": "0-2",
      "left": "800.172px",
      "top": "385.045px",
      "width": "62.1118px",
      "height": "101.3px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-3-0",
      "left": "921.002px",
      "top": "733.061px",
      "width": "537.265121468px",
      "height": "14.6385664px",
      "transform": "none",
      "background": "rgb(53, 53, 53)",
      "backgroundColor": "rgb(53, 53, 53)",
      "clipPath": "path(\"M128.0000001043317,0L9267.722467229898,0C9338.414914845385,0 9395.72246733423,57.307551603513296 9395.72246733423,128.0000001043317C9395.72246733423,198.6924477198173 9338.414914845385,256.0000002086634 9267.722467229898,256.0000002086634L128.0000001043317,256.0000002086634C57.307551603513296,256.0000002086634 0,198.6924477198173 0,128.0000001043317C0,57.307551603513296 57.307551603513296,0 128.0000001043317,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "loremipsum.co",
      "id": "0-4",
      "left": "863.283px",
      "top": "45.62979px",
      "width": "278.541px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "18/06/2027",
      "id": "0-5",
      "left": "1628.87px",
      "top": "45.62979px",
      "width": "183.133px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Magna Littera",
      "id": "0-6",
      "left": "108.0px",
      "top": "45.62979px",
      "width": "314.741px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "MEET DESIGNER",
      "id": "0-7",
      "left": "606.837px",
      "top": "202.41029999999998px",
      "width": "706.327px",
      "height": "63.2665px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "53px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "91.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "P. Tempor",
      "id": "0-8",
      "left": "921.002px",
      "top": "381.17837000000003px",
      "width": "364.358px",
      "height": "46.2667px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "38px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "54.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Fndr",
      "id": "0-9",
      "left": "921.002px",
      "top": "445.01134px",
      "width": "199.817px",
      "height": "31.6667px",
      "transform": "none",
      "color": "rgb(90, 90, 90)",
      "fontSize": "26px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "le
```
_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