# gdb-hub / gdb__template-2-s112

- 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/6dbcaca8-be35-45b6-9a9d-546761f9e9bd.jpg",
      "width": "1080.0px",
      "height": "1920.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "GROUP",
      "left": "98.7996px",
      "top": "108.0px",
      "width": "873.20064px",
      "height": "1703.99988486px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0,0L256,0L256,499.56914269065095L0,499.56914269065095Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7642d52c-44bc-49ff-bf9a-3e5335446099.svg",
      "left": "98.7996px",
      "top": "108.0px",
      "width": "873.2px",
      "height": "1704.0px"
    },
    {
      "type": "TEXT",
      "text": "new\narrivals",
      "left": "369.32733px",
      "top": "1572.6733000000002px",
      "width": "337.752px",
      "height": "150.525px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "73px",
      "fontFamily": "Archivo Black--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "64.0px",
      "letterSpacing": "-0.049em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1080px",
  "height": "1920px",
  "duration": 3
}

Candidates:
[9OvUt7JsrLJlQ6Jq3cbC]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9727d258-09e3-4863-affa-847279d70561.png",
      "left": "-171.247px",
      "top": "-200.785px",
      "width": "558.494px",
      "height": "971.294px",
      "transform": "rotate(54.7065deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/adf8c9dd-5001-47c7-8f75-3f193dfb5c24.jpg",
      "left": "98.8717px",
      "top": "143.6153px",
      "width": "218.79387517199999px",
      "height": "291.72502103399995px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M218.79387517550066,109.39781276325104C218.79387517550066,169.81336551546204 169.81424069096275,218.79299999999998 109.39693758775033,218.79299999999998C48.97875930903723,218.79299999999998 0.0,169.81336551546207 0.0,109.39781276325105C0.0,48.979196896787585 48.97875930903723,0.0 109.39693758775033,0.0C169.81511586646346,0.0 218.79387517550066,48.979196896787585 218.79387517550066,109.39781276325104Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/aa0c9210-196e-48f3-b006-53b272072702.jpg",
      "left": "430.603px",
      "top": "185.61599999999999px",
      "width": "218.79387517199999px",
      "height": "254.967359448px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M218.79387517550066,109.39781276325104C218.79387517550066,169.81336551546204 169.81424069096275,218.79299999999998 109.39693758775033,218.79299999999998C48.97875930903723,218.79299999999998 0.0,169.81336551546207 0.0,109.39781276325105C0.0,48.979196896787585 48.97875930903723,0.0 109.39693758775033,0.0C169.81511586646346,0.0 218.79387517550066,48.979196896787585 218.79387517550066,109.39781276325104Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0d43d407-1513-4599-abb5-b2f00c6bb33e.jpg",
      "left": "427.6739999999999px",
      "top": "226.95px",
      "width": "365.23640593199997px",
      "height": "243.79535128199996px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M218.79387517550066,109.39781276325104C218.79387517550066,169.81336551546204 169.81424069096275,218.79299999999998 109.39693758775033,218.79299999999998C48.97875930903723,218.79299999999998 0.0,169.81336551546207 0.0,109.39781276325105C0.0,48.979196896787585 48.97875930903723,0.0 109.39693758775033,0.0C169.81511586646346,0.0 218.79387517550066,48.979196896787585 218.79387517550066,109.39781276325104Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/911b8df9-75b9-45b4-9858-0e0aed51a85a.jpg",
      "left": "-26.0103px",
      "top": "852.538px",
      "width": "328.08710487599996px",
      "height": "218.79299999999998px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M218.79387517550066,109.39781276325104C218.79387517550066,169.81336551546204 169.81424069096275,218.79299999999998 109.39693758775033,218.79299999999998C48.97875930903723,218.79299999999998 0.0,169.81336551546207 0.0,109.39781276325105C0.0,48.979196896787585 48.97875930903723,0.0 109.39693758775033,0.0C169.81511586646346,0.0 218.79387517550066,48.979196896787585 218.79387517550066,109.39781276325104Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/39a1b371-1053-4c1c-9ac1-d9e670f9de1a.png",
      "left": "622.969px",
      "top": "813.901px",
      "width": "914.063px",
      "height": "870.645px",
      "transform": "rotate(45deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e25a5435-6879-4f0b-a309-d7546960a76a.jpg",
      "left": "430.603px",
      "top": "727.537px",
      "width": "218.79387517199999px",
      "height": "328.190812758px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M218.79387517550066,109.39781276325104C218.79387517550066,169.81336551546204 169.81424069096275,218.79299999999998 109.39693758775033,218.79299999999998C48.97875930903723,218.79299999999998 0.0,169.81336551546207 0.0,109.39781276325105C0.0,48.979196896787585 48.97875930903723,0.0 109.39693758775033,0.0C169.81511586646346,0.0 218.79387517550066,48.979196896787585 218.79387517550066,109.39781276325104Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/127e780f-1353-4ce5-aa72-39d5db81e398.jpg",
      "left": "762.334px",
      "top": "745.851px",
      "width": "218.79387517199999px",
      "height": "328.39604059199996px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M218.79387517550066,109.39781276325104C218.79387517550066,169.81336551546204 169.81424069096275,218.79299999999998 109.39693758775033,218.79299999999998C48.97875930903723,218.79299999999998 0.0,169.81336551546207 0.0,109.39781276325105C0.0,48.979196896787585 48.97875930903723,0.0 109.39693758775033,0.0C169.81511586646346,0.0 218.79387517550066,48.979196896787585 218.79387517550066,109.39781276325104Z\")"
    },
    {
      "type": "TEXT",
      "text": "CHOOSE",
      "left": "96.2343px",
      "top": "574.734px",
      "width": "887.531px",
      "height": "129.304px",
      "transform": "none",
      "color": "rgb(124, 72, 48)",
      "fontSize": "108px",
      "fontFamily": "Playfair Display--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "87.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "specialty",
      "left": "231.42px",
      "top": "677.551px",
      "width": "617.159px",
      "height": "93.7826px",
      "transform": "none",
      "color": "rgb(124, 72, 48)",
      "fontSize": "78px",
      "fontFamily": "Playfair Display--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "79.681437px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "Flatwhite",
      "curvature": 56,
      "left": "38.7953px",
      "top": "183.392px",
      "width": "184.285px",
      "height": "64.3163px",
      "transform": "rotate(-33.1445deg)",
      "color": "rgb(124, 72, 48)",
      "fontSize": "37px",
      "fontFamily": "Playfair Display--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "52.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Matcha",
      "curvature": -56,
      "left": "160.469px",
      "top": "1034.4px",
      "width": "236.673px",
      "height": "77.8529px",
      "transform": "rotate(-33.4517deg)",
      "color": "rgb(124, 72, 48)",
      "fontSize": "37px",
      "fontFamily": "Playfair Display--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "52.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Macchiato",
      "curvature": 56,
      "left": "354.682px",
      "top": "168.075px",
      "width": "270.89px",
      "height": "90.4819px",
      "transform": "rotate(-21.7303deg)",
      "color": "rgb(124, 72, 48)",
      "fontSize": "37px",
      "fontFamily": "Playfair Display--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "52.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Espreso",
      "curvature": -56,
      "left": "525.207px",
      "top": "1048.74px",
      "width": "172.629px",
      "height": "61.6421px",
      "transform": "rotate(-32.4513deg)",
      "color": "rgb(124, 72, 48)",
      "fontSize": "37px",
      "fontFamily": "Playfair Display--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "52.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Frappe",
      "curvature": 58,
      "left": "699.46px",
      "top": "170.416px",
      "width": "237.452px",
      "height": "79.8003px",
      "transform": "rotate(-23.8744deg)",
      "color": "rgb(124, 72, 48)",
      "fontSize": "37px",
      "fontFamily": "Playfair Display--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "52.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Latte",
      "curvature": -56,
      "left": "851.679px",
      "top": "1042px",
      "width": "189.155px",
      "height": "64.9788px",
      "transform": "rotate(-36.3189deg)",
      "color": "rgb(124, 72, 48)",
      "fontSize": "37px",
      "fontFamily": "Playfair Display--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "52.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "loremipsumsite.co",
      "left": "214.602px",
      "top": "1221.00292px",
      "width": "650.796px",
      "height": "35.8658px",
      "transform": "none",
      "color": "rgb(124, 72, 48)",
      "fontSize": "30px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "42.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(248, 208, 204)",
  "width": "1080px",
  "height": "1350px",
  "duration": 3
}

[0nHlzyUcAnyIFsIi77OT]
{
  "components": [
    {
      "type": "GROUP",
      "left": "1082.5px",
      "top": "711.391px",
      "width": "837.5018823600001px",
      "height": "368.60928px",
      "transform": "none",
      "background": "rgb(193, 197, 197)",
      "backgroundColor": "rgb(193, 197, 197)",
      "clipPath": "path(\"M0,0L581.6467036116509,0L581.6467036116509,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8b4a5b48-6748-4b31-beed-744e5a205016.jpg",
      "id": "0-0",
      "left": "1082.5px",
      "top": "711.391px",
      "width": "837.5px",
      "height": "368.60900000000004px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e31b7793-11b9-498d-bce8-6ca62642fa12.png",
      "left": "-146.489px",
      "top": "-48.3945px",
      "width": "687.979px",
      "height": "620.901px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Fund",
      "left": "100.0px",
      "top": "214.28799999999998px",
      "width": "442.5px",
      "height": "115.2px",
      "transform": "none",
      "color": "rgb(14, 101, 101)",
      "fontSize": "96px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "96.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Pretium Neque",
      "left": "100px",
      "top": "100px",
      "width": "392.5px",
      "height": "25px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "21px",
      "fontFamily": "Raleway--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "25.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Digital Mktg Opt.",
      "left": "1480.63px",
      "top": "100px",
      "width": "339.367px",
      "height": "25px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "21px",
      "fontFamily": "Raleway--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "25.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "$500K",
      "left": "100px",
      "top": "796px",
      "width": "885px",
      "height": "176.007px",
      "color": "rgb(14, 101, 101)",
      "fontSize": "147px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "176.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "TOTAL FUND",
      "left": "108px",
      "top": "740.297px",
      "width": "602.099px",
      "height": "32.5138px",
      "color": "rgb(242, 101, 43)",
      "fontSize": "27px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "32.51388px",
      "letterSpacing": "0.02em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "DETAILS",
      "left": "1094.26px",
      "top": "204.688px",
      "width": "285.97px",
      "height": "33px",
      "color": "rgb(242, 101, 43)",
      "fontSize": "27px",
      "fontFamily": "Raleway--700
```
_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