# gdb-hub / gdb__template-2-s47

- 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/32c223e4-20b3-4fd7-8ed4-fb7064d72ee7.svg",
      "id": "0-0",
      "left": "657.425px",
      "top": "432.0px",
      "width": "422.575px",
      "height": "432px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1dbc257d-4083-4c49-8958-39b1870e0e45.jpg",
      "id": "0-1-0-0",
      "left": "0.0px",
      "top": "469.80000000000007px",
      "width": "1080.00347px",
      "height": "720.00197969px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M1080.00347,500.6041855937703L0.0,500.6041855937703L0.0,149.7807723296561C0.0,149.7807723296561 224.67115849448413,0.0 543.9565080661907,0.0C890.8752086826736,0.0 1080.00347,149.7807723296561 1080.00347,149.7807723296561L1080.00347,500.6041855937703Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ab32983a-aac5-46d9-89f6-c6a2715b3ba6.svg",
      "id": "0-2",
      "left": "518.79px",
      "top": "480.503px",
      "width": "42.4208px",
      "height": "53.6355px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bac75e64-073e-4b4b-990e-c808d42234b6.svg",
      "id": "0-3",
      "left": "0px",
      "top": "0px",
      "width": "422.575px",
      "height": "432px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "SHARE INSTRUCTIONS?",
      "id": "0-4",
      "left": "182.549px",
      "top": "177.608px",
      "width": "714.903px",
      "height": "156px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "60px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "84.0px",
      "letterSpacing": "0.08em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Add inspiring title.",
      "id": "0-5",
      "left": "211.287px",
      "top": "377.018px",
      "width": "686.164px",
      "height": "35.8667px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "30px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "42.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "STEPS",
      "id": "0-6",
      "left": "409.267px",
      "top": "59.2px",
      "width": "261.467px",
      "height": "21.7333px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "18.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(245, 240, 231)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[Cx9Ff8CCjOUQ1U8tmdPa]
{
  "components": [
    {
      "type": "GROUP",
      "left": "534.738px",
      "top": "306.357px",
      "width": "755.00032px",
      "height": "755.00032px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M128,0C57.30755202165845,0 0,57.30755202165844 0,128C0,198.69244797834153 57.307552021658424,256 128,256C198.69244797834153,256 256,198.6924479783416 256,128C256,57.30755202165848 198.6924479783416,0 128,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/30a873df-9489-41d8-b130-751f8159547d.svg",
      "left": "534.738px",
      "top": "306.357px",
      "width": "755.001px",
      "height": "755.001px"
    },
    {
      "type": "GROUP",
      "left": "-131.74px",
      "top": "487.411px",
      "width": "755.00032px",
      "height": "755.00032px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M128,0C57.30755202165845,0 0,57.30755202165844 0,128C0,198.69244797834153 57.307552021658424,256 128,256C198.69244797834153,256 256,198.6924479783416 256,128C256,57.30755202165848 198.6924479783416,0 128,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4e21b176-3417-4c14-817d-799509ab2954.svg",
      "left": "-131.74px",
      "top": "487.411px",
      "width": "755.001px",
      "height": "755.001px"
    },
    {
      "type": "TEXT",
      "text": "SOLUTIONS",
      "left": "108.277px",
      "top": "121.1734px",
      "width": "803.962px",
      "height": "166.347px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "138px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "140.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "NEW APPROACH:",
      "left": "112.573px",
      "top": "707.452px",
      "width": "422.165px",
      "height": "92.64px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "37px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "We deliver product combining technology to address industry inefficiencies.",
      "left": "112.573px",
      "top": "840.4119999999999px",
      "width": "422.165px",
      "height": "88.56px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "USER-CENTRIC DESIGN:",
      "left": "701.156px",
      "top": "571.154px",
      "width": "422.165px",
      "height": "92.64px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "37px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Our solution meets target audience needs, ensuring accessibility, quality, and satisfaction.",
      "left": "701.156px",
      "top": "682.754px",
      "width": "422.165px",
      "height": "118.56px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "left": "1165.0px",
      "top": "46.7701px",
      "width": "755.00032px",
      "height": "755.00032px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M128,0C57.30755202165845,0 0,57.30755202165844 0,128C0,198.69244797834153 57.307552021658424,256 128,256C198.69244797834153,256 256,198.6924479783416 256,128C256,57.30755202165848 198.6924479783416,0 128,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/730979fa-f2d6-470b-b1ee-16ec2dd70fce.svg",
      "left": "1165.0px",
      "top": "46.7701px",
      "width": "755.001px",
      "height": "755.001px"
    },
    {
      "type": "TEXT",
      "text": "FILL THE GAP:",
      "left": "1367.93px",
      "top": "312.311px",
      "width": "243.82px",
      "height": "92.64px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "37px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "By integrating advanced tech & sustainability, we fill market gaps, offering a scalable, reliable solution.",
      "left": "1367.93px",
      "top": "415.27099999999996px",
      "width": "422.165px",
      "height": "118.56px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 246, 233)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[plFxJTv7wGROZmY3yoF0]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/85ce024a-4c54-4342-9113-ac07f340e2cd.svg",
      "id": "0-0",
      "left": "921.972px",
      "top": "996.609px",
      "width": "42.4208px",
      "height": "53.6355px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ce8c8798-1224-4aac-b07c-789b1562687b.svg",
      "id": "0-1",
      "left": "520.608px",
      "top": "70.0667px",
      "width": "422.575px",
      "height": "432px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1653eaac-bc53-47f8-8aae-05390fc9e6ed.jpg",
      "id": "0-2-0",
      "left": "670.733px",
      "top": "190.229px",
      "width": "409.26700000000005px",
      "height": "699.541px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "_________________________________________",
      "id": "0-3",
      "left": "110px",
      "top": "84px",
      "width": "860px",
      "height": "48px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "40px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "56.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "_________________________________________",
      "id": "0-4",
      "left": "110px",
      "top": "924px",
      "width": "860px",
      "height": "48px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "40px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "56.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "3/5",
      "id": "0-5",
      "left": "409.267px",
      "top": "59.2px",
      "width": "261.467px",
      "height": "21.7333px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "18.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "INSPIRING \nTITLE HERE. ",
      "id": "0-6",
      "left": "110px",
      "top": "314.129px",
      "width": "512.283px",
      "height": "156px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "60px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "84.0px",
      "letterSpacing": "0.08em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "When creating your own, highlight relevant points in your design. Lists are an option!",
      "id": "0-7",
      "left": "108px",
      "top": "525.738px",
      "width": "468.407px",
      "height": "199.133px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "29px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "41.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(245, 240, 231)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[ybcLcikPnb1b1LtSlDGl]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "-91.7523px",
      "top": "23.1679px",
      "width": "999.5053158px",
      "height": "1009.66485px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0,0L286.0920220320417,0L286.0920220320417,289L0,289Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ab4031e6-3dbb-45c5-b16e-488616dfe5ad.svg",
      "id": "0-0-1",
      "left": "-91.7523px",
      "top": "23.1679px",
      "width": "999.505px",
      "height": "1009.66px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9e4487fc-1043-4442-8640-974c891518e2.jpg",
      "id": "0-1-0",
      "left": "253.273px",
      "top": "51.0161px",
      "width": "476.5129999999999px",
      "height": "633.941px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "68.8484px",
      "top": "487.946px",
      "width": "528.664745px",
      "height": "503.81824px",
      "transform": "none",
      "background": "rgb(36, 31, 32)",
      "backgroundColor": "rgb(36, 31, 32)",
      "clipPath": "path(\"M0,0L268.6246263807806,0L268.6246263807806,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/72567416-f6f4-454d-9465-333bdf3535a1.svg",
      "id": "0-3",
      "left": "22.2312px",
      "top": "271.342px",
      "width": "200.515px",
      "height": "72.5501px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/fdba396b-7479-49c3-af20-4ed44379534f.svg",
      "id": "0-4",
      "left": "499.125px",
      "top": "778.258px",
      "width": "207.541px",
      "height": "42.6403px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/68077df0-4d73-4992-9902-1b6e83a07539.png",
      "id": "0-5",
      "left": "637.73px",
      "top": "846.727px",
      "width": "287.206px",
      "height": "145.039px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type"
```
_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