# gdb-hub / gdb__template-2-s183

- 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/a1d8f52b-2444-4249-a4dd-451554f96885.jpg",
      "id": "0-0-0",
      "left": "-2.39335px",
      "top": "0.0px",
      "width": "-1444.82px",
      "height": "1080.0px",
      "transform": "scale(-1, 1) rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/500ec57e-1d1e-407d-b58e-80303c1007e7.svg",
      "id": "0-1",
      "left": "736.548px",
      "top": "572.293px",
      "width": "210.225px",
      "height": "3px"
    },
    {
      "type": "TEXT",
      "text": "Minimal",
      "id": "0-2",
      "left": "273.513px",
      "top": "326.29632px",
      "width": "673.26px",
      "height": "93.6282px",
      "transform": "none",
      "color": "rgb(45, 41, 35)",
      "fontSize": "79px",
      "fontFamily": "Paytone One--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "109.44152000000001px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "MENOS M\u00c1S",
      "id": "0-3",
      "left": "592.14152px",
      "top": "481.45392999999996px",
      "width": "359.524px",
      "height": "33.3099px",
      "transform": "none",
      "color": "rgb(45, 41, 35)",
      "fontSize": "28px",
      "fontFamily": "Libre Franklin--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "39.0px",
      "letterSpacing": "0.172em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Ayud\u00e1ndote a soltar lo innecesario.",
      "id": "0-4",
      "left": "543.31082px",
      "top": "641.87661px",
      "width": "406.773px",
      "height": "134.243px",
      "transform": "none",
      "color": "rgb(45, 41, 35)",
      "fontSize": "33px",
      "fontFamily": "Libre Franklin--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "47.0px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@loremipsum",
      "id": "0-5",
      "left": "626.005px",
      "top": "969.43291px",
      "width": "320.767px",
      "height": "29.8658px",
      "transform": "none",
      "color": "rgb(45, 41, 35)",
      "fontSize": "25px",
      "fontFamily": "Paytone One--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "35.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Ser",
      "id": "0-6",
      "left": "273.513px",
      "top": "232.77032px",
      "width": "673.26px",
      "height": "93.6282px",
      "transform": "none",
      "color": "rgb(45, 41, 35)",
      "fontSize": "79px",
      "fontFamily": "Paytone One--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "109.44152000000001px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "loremipsum.co",
      "id": "0-7",
      "left": "88.8095px",
      "top": "59.86927px",
      "width": "320.767px",
      "height": "27.3991px",
      "transform": "none",
      "color": "rgb(45, 41, 35)",
      "fontSize": "23px",
      "fontFamily": "Libre Franklin--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "32.0px",
      "letterSpacing": "0.118em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Aprende de",
      "id": "0-8",
      "left": "526.55552px",
      "top": "132.10593px",
      "width": "425.11px",
      "height": "33.3099px",
      "transform": "none",
      "color": "rgb(45, 41, 35)",
      "fontSize": "28px",
      "fontFamily": "Libre Franklin--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "39.0px",
      "letterSpacing": "0.172em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(246, 246, 246)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[IkboylW41PWtKLCqXvxv]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/90d13872-8231-49d7-ad94-20d8b084da07.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/c8c842ca-1b60-4be8-9781-c330eb482c8e.png",
      "id": "0-1-0",
      "left": "108.0px",
      "top": "163.681px",
      "width": "630.217px",
      "height": "861.8309999999999px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "loremipsum.co",
      "id": "0-2",
      "left": "863.283px",
      "top": "45.62979px",
      "width": "299.173px",
      "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/27",
      "id": "0-3",
      "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-4",
      "left": "108.0px",
      "top": "45.62979px",
      "width": "315.108px",
      "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": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8c04d71f-faee-48a8-8a93-73b707d131e9.jpg",
      "id": "0-5-0",
      "left": "754.38px",
      "top": "163.681px",
      "width": "466.75200000000007px",
      "height": "422.85699999999997px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cfe259c1-924a-4b7d-b7e6-bd45affee492.jpg",
      "id": "0-6-0",
      "left": "754.38px",
      "top": "602.655px",
      "width": "466.75200000000007px",
      "height": "422.85699999999997px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "GALLERY",
      "id": "0-7",
      "left": "1303.2px",
      "top": "357.7757px",
      "width": "547.961px",
      "height": "79.3334px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "66px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "114.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Modern Home",
      "id": "0-8",
      "left": "1303.2px",
      "top": "637.37601px",
      "width": "389.145px",
      "height": "31.2px",
      "transform": "none",
      "color": "rgb(53, 53, 53)",
      "fontSize": "26px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "justify",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem 42, Urbs Dol",
      "id": "0-9",
      "left": "1303.2px",
      "top": "682.366px",
      "width": "334.986px",
      "height": "28.68px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "24px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Design a sleek, functional, modern urban home for a dynamic city couple. Prioritize efficiency, aesthetics, seamless tech, comfort, and privacy.",
      "id": "0-10",
      "left": "1303.2px",
      "top": "750.10899px",
      "width": "486.986px",
      "height": "146.64px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "18px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "25.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(247, 243, 238)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[yq4BbiQ2HO4Nmqmkwg82]
{
  "components": [
    {
      "type": "TEXT",
      "text": "BRAND IDEA",
      "id": "0-0",
      "left": "269.728px",
      "top": "175.52776px",
      "width": "1380.54px",
      "height": "265.49px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "221px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "250.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "'24",
      "id": "0-1",
      "left": "1762.44px",
      "top": "91.72817px",
      "width": "67.625px",
      "height": "33.4717px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "28px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "CHIC",
      "id": "0-2",
      "left": "124.692px",
      "top": "697.43343px",
      "width": "449.993px",
      "height": "86.0489px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "72px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "81.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.",
      "id": "0-3",
      "left": "1105.98px",
      "top": "462.19393px",
      "width": "476.448px",
      "height": "158.83px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "27px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "42.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.",
      "id": "0-4",
      "left": "124.692px",
      "top": "808.95493px",
      "width": "467.119px",
      "height": "155.72px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "27px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "41.177598px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "FLEXIBLE",
      "id": "0-5",
      "left": "726.45px",
      "top": "697.43343px",
      "width": "449.993px",
      "height": "86.0489px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "72px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "81.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "CLASSIC",
      "id": "0-6",
      "left": "1329.13px",
      "top": "697.43343px",
      "width": "449.993px",
      "height": "86.0489px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "72px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "81.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.",
      "id": "0-7",
      "left": "726.45px",
      "top": "808.95493px",
      "width": "467.119px",
      "height": "155.72px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "27px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "41.177598px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.",
      "id": "0-8",
      "left": "1329.13px",
      "top": "808.95493px",
      "width": "467.119px",
      "height": "155.72px",
      "transform": "none",
      "color": "rgb(33, 32, 32)",
      "fontSize": "27px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "41.177598px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5008bf5e-c0d5-4deb-9acc-532184e9ebb8.svg",
      "id": "0-9",
      "left": "521.8px",
      "top": "830.085px",
      "width": "274.351px",
      "height": "4px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c9518625-4c2d-4320-abb7-088383e7e737.svg",
      "id": "0-10",
      "left": "1124.3px",
      "top": "830.085px",
      "width": "274.351px",
      "height": "4px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "GROUP",
      "id": "0-11-0-0",
      "left": "871.4663px",
      "top": "466.2133px",
      "width": "181.128448px
```
_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