# gdb-hub / gdb__template-2-s188

- 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/6fb12366-53ab-4f5e-af6f-092ac050189e.jpg",
      "left": "0.0px",
      "top": "-29.3478px",
      "width": "1080.0px",
      "height": "1408.7px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c38076b4-bfe4-4763-8fda-4de372cc917c.svg",
      "left": "810.575px",
      "top": "108.0px",
      "width": "161.425px",
      "height": "189.709px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/92143e54-0731-4170-b29f-6982547a73f0.svg",
      "left": "65.1353px",
      "top": "910.448px",
      "width": "161.425px",
      "height": "189.709px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "VERANO COLOR",
      "left": "108.0px",
      "top": "522.5511px",
      "width": "864px",
      "height": "311.358px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "134px",
      "fontFamily": "Lilita One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "150.2856px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1ff7c162-66da-4191-a3f3-3197da644194.svg",
      "left": "-62.811px",
      "top": "63.4044px",
      "width": "255.893px",
      "height": "177.264px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/93484e48-fe8e-4350-909d-d164f0966be5.svg",
      "left": "891.287px",
      "top": "1047.26px",
      "width": "255.893px",
      "height": "177.264px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Outfits vibrantes para lucir",
      "left": "108.0px",
      "top": "833.44767px",
      "width": "864px",
      "height": "159.537px",
      "transform": "none",
      "color": "rgb(252, 103, 194)",
      "fontSize": "69px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "77.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1350px",
  "duration": 3
}

Candidates:
[oUpzghxUYHKQyXx4syiq]
{
  "components": [
    {
      "type": "TEXT",
      "text": "ANA K. MART\u00cdNEZ",
      "id": "0-0",
      "left": "32.9561px",
      "top": "27.17692px",
      "width": "270.088px",
      "height": "39.7315px",
      "transform": "none",
      "color": "rgb(252, 104, 57)",
      "fontSize": "17px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "18.969620000000003px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "ACUARELISTA",
      "id": "0-1",
      "left": "33.113580999999996px",
      "top": "73.202665px",
      "width": "270.088px",
      "height": "13.3347px",
      "transform": "none",
      "color": "rgb(92, 87, 87)",
      "fontSize": "11px",
      "fontFamily": "Arvo--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "14.50618px",
      "letterSpacing": "0.03em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "M\u00f3vil: 248 753 18\nDir.: Calle 12 #34-56, Cali\nEmail: amet@ipsumsite.co\nWeb: www.loremipsumsit.co",
      "id": "0-2",
      "left": "32.9561px",
      "top": "116.588365px",
      "width": "270.088px",
      "height": "47.2711px",
      "transform": "none",
      "color": "rgb(92, 87, 87)",
      "fontSize": "9px",
      "fontFamily": "Arvo--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "12.274460000000001px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "id": "0-3",
      "left": "157.7px",
      "top": "100.145px",
      "width": "20.5993px",
      "height": "2.05848px",
      "transform": "none",
      "background": "rgb(252, 104, 57)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c3920cd2-d722-4839-baa1-47fa575d7db6.png",
      "id": "0-4",
      "left": "-63.7451px",
      "top": "-83.6372px",
      "width": "153.02px",
      "height": "152.638px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2723fd49-f9f0-4700-902d-3eca7cdf481c.png",
      "id": "0-5",
      "left": "260.768px",
      "top": "110.423px",
      "width": "153.02px",
      "height": "152.638px",
      "transform": "rotate(-180deg) scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "336px",
  "height": "192px",
  "duration": 3
}

[jVBvP0A7Qfl8o3Ydrtzl]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/background_image_112494dd-7428-42bd-8400-1318ba081e5a.jpeg",
      "width": "1920.0px",
      "height": "1080.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "GROUP",
      "left": "273.333px",
      "top": "108.0px",
      "width": "1373.331088px",
      "height": "337.8688px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L1040.5612389808614,0L1040.5612389808614,256L0,256Z\")"
    },
    {
      "type": "TEXT",
      "text": "7 steps to buying a house",
      "id": "0-0",
      "left": "443.161px",
      "top": "311.461px",
      "width": "1033.68px",
      "height": "51.0px",
      "color": "rgb(72, 67, 67)",
      "fontSize": "42px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "51.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Home Buying Process",
      "id": "0-1",
      "left": "443.161px",
      "top": "198.68099999999998px",
      "width": "1033.68px",
      "height": "89.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "center",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[JFyEWbA8nl1D7SUkvutr]
{
  "components": [
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(252, 231, 142)",
      "backgroundColor": "rgb(252, 231, 142)",
      "clipPath": "path(\"M5.703508987685951,5.703508987685951L1116.2964910123142,5.703508987685951L1116.2964910123142,1476.3789124133355L5.703508987685951,1476.3789124133355L5.703508987685951,5.703508987685951Z\")"
    },
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1110.5929820246283,1470.6754034256496L1122,1470.6754034256496L1122,1482.0824214010215L1110.5929820246283,1482.0824214010215L1110.5929820246283,1470.6754034256496ZM0,11.407017975371902L11.407017975371902,11.407017975371902L11.407017975371902,1470.6754034256496L0,1470.6754034256496L0,11.407017975371902ZM0,1470.6754034256496L11.407017975371902,1470.6754034256496L11.407017975371902,1482.0824214010215L0,1482.0824214010215L0,1470.6754034256496ZM1110.5929820246283,11.407017975371902L1122,11.407017975371902L1122,1470.6754034256496L1110.5929820246283,1470.6754034256496L1110.5929820246283,11.407017975371902ZM11.407017975371902,1470.6754034256496L1110.5929820246283,1470.6754034256496L1110.5929820246283,1482.0824214010215L11.407017975371902,1482.0824214010215L11.407017975371902,1470.6754034256496ZM1110.5929820246283,0L1122,0L1122,11.407017975371902L1110.5929820246283,11.407017975371902L1110.5929820246283,0ZM0,0L11.407017975371902,0L11.407017975371902,11.407017975371902L0,11.407017975371902L0,0ZM11.407017975371902,0L1110.5929820246283,0L1110.5929820246283,11.407017975371902L11.407017975371902,11.407017975371902L11.407017975371902,0Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "112.03px",
      "width": "402.8879008px",
      "height": "102.21804px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.705793235293106,5.705793235293106L1023.0118314055446,5.705793235293106L1023.0118314055446,255.29420676470687L5.705793235293106,255.29420676470687L5.705793235293106,5.705793235293106Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "112.03px",
      "width": "402.8879008px",
      "height": "102.21804px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1017.3060381702514,249.5884135294138L1028.7176246408376,249.5884135294138L1028.7176246408376,261L1017.3060381702514,261L1017.3060381702514,249.5884135294138ZM0,11.411586470586212L11.411586470586212,11.411586470586212L11.411586470586212,249.58841352941374L0,249.58841352941374L0,11.411586470586212ZM0,249.58841352941374L11.411586470586212,249.58841352941374L11.411586470586212,261L0,261L0,249.5884135294138ZM1017.3060381702514,11.411586470586212L1028.7176246408376,11.411586470586212L1028.7176246408376,249.58841352941374L1017.3060381702514,249.58841352941374L1017.3060381702514,11.411586470586212ZM11.411586470586212,249.5884135294138L1017.3060381702514,249.5884135294138L1017.3060381702514,261L11.411586470586212,261L11.411586470586212,249.5884135294138ZM1017.3060381702514,0L1028.7176246408376,0L1028.7176246408376,11.411586470586212L1017.3060381702514,11.411586470586212L1017.3060381702514,0ZM0,0L11.411586470586212,0L11.411586470586212,11.411586470586212L0,11.411586470586212L0,0ZM11.411586470586212,0L1017.3060381702514,0L1017.3060381702514,11.411586470586212L11.411586470586212,11.411586470586212L11.411586470586212,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b237d06f-890a-4978-911b-989c1ee29b87.png",
      "left": "108.117px",
      "top": "298.383px",
      "width": "367.381px",
      "height": "293.445px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "left": "554.226px",
      "top": "94.3838px",
      "width": "397.37107523px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.703191804785247,5.703191804785247L1008.4655595233413,5.703191804785247L1008.4655595233413,1476.296808195215L5.703191804785247,1476.296808195215L5.703191804785247,5.703191804785247Z\")"
    },
    {
      "type": "GROUP",
      "left": "554.226px",
      "top": "94.3838px",
      "width": "397.37107523px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1002.762367718556,1470.5936163904296L1014.1687513281264,1470.5936163904296L1014.1687513281264,1482L1002.762367718556,1482L1002.762367718556,1470.5936163904296ZM0,11.406383609570494L11.406383609570494,11.406383609570494L11.406383609570494,1470.5936163904296L0,1470.5936163904296L0,11.406383609570494ZM0,1470.5936163904296L11.406383609570494,1470.5936163904296L11.406383609570494,1482L0,1482L0,1470.5936163904296ZM1002.762367718556,11.406383609570494L1014.1687513281264,11.406383609570494L1014.1687513281264,1470.5936163904296L1002.762367718556,1470.5936163904296L1002.762367718556,11.406383609570494ZM11.406383609570494,1470.5936163904296L1002.762367718556,1470.5936163904296L1002.762367718556,1482L11.406383609570494,1482L11.406383609570494,1470.5936163904296ZM1002.762367718556,0L1014.1687513281264,0L1014.1687513281264,11.406383609570494L1002.762367718556,11.406383609570494L1002.762367718556,0ZM0,0L11.406383609570494,0L11.406383609570494,11.406383609570494L0,11.406383609570494L0,0ZM11.406383609570494,0L1002.762367718556,0L1002.762367718556,11.406383609570494L11.406383609570494,11.406383609570494L11.406383609570494,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "SCREEN",
      "left": "118.231px",
      "top": "120.41829px",
      "width": "347.152px",
      "height": "71.1073px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "59px",
      "fontFamily": "Francois One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "83.01320299999999px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "A monitor displays computer images and text.",
      "left": "588.589px",
      "top": "255.21499999999997px",
      "width": "328.644px",
      "height": "248.127px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "36px",
      "fontFamily": "Francois One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "51.085048px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(179, 143, 252)",
  "width": "1024px",
  "height": "768px",
  "duration": 3
}

[bDsKJhJDdB7xYMBmDoFO]
{
  "components": [
    {
      "type": "TEXT",
      "text": "SWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\nSWAP\n ",
      "id": "0-0",
      "left": "219.093px",
      "top": "-131.40099999999998px",
      "width": "641.815px",
      "height": "1317.6px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "85px",
      "fontFamily": "Archivo Black--400",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "76.0px",
      "letterSpacing": "0.177em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
```
_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