# gdb-hub / gdb__template-2-s185

- 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": "GROUP",
      "left": "315.886px",
      "top": "191.932px",
      "width": "184.527721506px",
      "height": "53.771776px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M128.00000004895574,0L750.510811987807,0C821.2032599525237,0 878.5108120367627,57.307552084238935 878.5108120367627,128.00000004895574C878.5108120367627,198.69244801367253 821.2032599525237,255.99999996064417 750.510811987807,255.99999996064417L128.00000004895574,255.99999996064417C57.307552084238935,255.99999996064417 0,198.69244801367253 0,128.00000004895574C0,57.307552084238935 57.307552084238935,0 128.00000004895574,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e3735998-df68-4b6f-a2c7-5de24a3b225d.svg",
      "left": "315.886px",
      "top": "191.932px",
      "width": "184.527px",
      "height": "53.7717px"
    },
    {
      "type": "GROUP",
      "left": "116.699px",
      "top": "191.932px",
      "width": "184.527721506px",
      "height": "53.771776px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M128.00000004895574,0L750.510811987807,0C821.2032599525237,0 878.5108120367627,57.307552084238935 878.5108120367627,128.00000004895574C878.5108120367627,198.69244801367253 821.2032599525237,255.99999996064417 750.510811987807,255.99999996064417L128.00000004895574,255.99999996064417C57.307552084238935,255.99999996064417 0,198.69244801367253 0,128.00000004895574C0,57.307552084238935 57.307552084238935,0 128.00000004895574,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/21988361-384a-4b97-9bd8-4f15282d09f2.svg",
      "left": "116.699px",
      "top": "191.932px",
      "width": "184.527px",
      "height": "53.7717px"
    },
    {
      "type": "GROUP",
      "left": "514.774px",
      "top": "191.932px",
      "width": "184.527721506px",
      "height": "53.771776px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M128.00000004895574,0L750.510811987807,0C821.2032599525237,0 878.5108120367627,57.307552084238935 878.5108120367627,128.00000004895574C878.5108120367627,198.69244801367253 821.2032599525237,255.99999996064417 750.510811987807,255.99999996064417L128.00000004895574,255.99999996064417C57.307552084238935,255.99999996064417 0,198.69244801367253 0,128.00000004895574C0,57.307552084238935 57.307552084238935,0 128.00000004895574,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/dfc8b8ca-917f-4c5b-8fa7-e6169b6ad55f.svg",
      "left": "514.774px",
      "top": "191.932px",
      "width": "184.527px",
      "height": "53.7717px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/195b66b4-601c-4a59-a7a8-2c67dbe1f533.png",
      "left": "259.921px",
      "top": "506.533px",
      "width": "101.66px",
      "height": "101.66px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "left": "-458.349px",
      "top": "622.304px",
      "width": "1135.36512px",
      "height": "1135.36512px",
      "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/3c1337dd-45ef-48c1-a7ac-7db0fd111c5a.svg",
      "left": "-458.349px",
      "top": "622.304px",
      "width": "1135.37px",
      "height": "1135.37px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8961d844-02e2-4465-a18b-05cbeb29c62e.svg",
      "left": "446.799px",
      "top": "932.007px",
      "width": "98.6518px",
      "height": "98.6518px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1602c4be-7bc2-4b2b-b988-bf20b4e36abb.png",
      "left": "98.5664px",
      "top": "316.675px",
      "width": "101.66px",
      "height": "101.66px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/dca1b9e3-4ca5-4c64-a415-17d80f13ee50.jpg",
      "left": "-57.658px",
      "top": "319.197px",
      "width": "426.614984422px",
      "height": "284.23254409px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M228.711769,114.3558845L228.711769,169.8764538900711C228.711769,233.03287834321088 177.51230895313975,284.2323383900711 114.3558845,284.2323383900711C51.199460046860246,284.23802406025953 0.0,233.0385640133993 0.0,169.8764538900711L0.0,114.3558845C0.0,51.199460046860246 51.199460046860246,0.0 114.3558845,0.0C177.51230895313975,0.0 228.711769,51.199460046860246 228.711769,114.3558845Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ebb0f74c-167f-46ea-8302-0138eb191cac.svg",
      "left": "397.683px",
      "top": "697.086px",
      "width": "20.4415px",
      "height": "20.4415px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "ELITIS",
      "left": "63.4001px",
      "top": "73.22076999999999px",
      "width": "689.2px",
      "height": "95.8928px",
      "transform": "none",
      "color": "rgb(167, 111, 53)",
      "fontSize": "80px",
      "fontFamily": "Tenor Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "111.94817900000001px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "BUY",
      "left": "146.094px",
      "top": "208.262px",
      "width": "125.736px",
      "height": "17.6859px",
      "transform": "none",
      "color": "rgb(167, 111, 53)",
      "fontSize": "15px",
      "fontFamily": "Tenor Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "SERIES",
      "left": "328.979px",
      "top": "208.262px",
      "width": "158.341px",
      "height": "17.6859px",
      "transform": "none",
      "color": "rgb(167, 111, 53)",
      "fontSize": "15px",
      "fontFamily": "Tenor Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "ITEM",
      "left": "543.544px",
      "top": "208.262px",
      "width": "126.987px",
      "height": "17.6859px",
      "transform": "none",
      "color": "rgb(167, 111, 53)",
      "fontSize": "15px",
      "fontFamily": "Tenor Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "NEW ARRIVALS",
      "left": "419.968px",
      "top": "356.839px",
      "width": "320.427px",
      "height": "101.277px",
      "transform": "none",
      "color": "rgb(167, 111, 53)",
      "fontSize": "39px",
      "fontFamily": "Tenor Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "54.61015999999999px",
      "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.",
      "left": "419.968px",
      "top": "478.54767px",
      "width": "279.333px",
      "height": "48.3134px",
      "transform": "none",
      "color": "rgb(84, 61, 47)",
      "fontSize": "12px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "16.933338px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "#01",
      "left": "419.968px",
      "top": "317.597px",
      "width": "68.5105px",
      "height": "23.3333px",
      "transform": "none",
      "color": "rgb(167, 111, 53)",
      "fontSize": "19px",
      "fontFamily": "Tenor Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "27.305079999999997px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "NEW",
      "left": "116.699px",
      "top": "693.32119px",
      "width": "279.333px",
      "height": "47.5604px",
      "transform": "none",
      "color": "rgb(167, 111, 53)",
      "fontSize": "39px",
      "fontFamily": "Tenor Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "55.503719000000004px",
      "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 aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
      "left": "116.699px",
      "top": "790.2066699999999px",
      "width": "279.333px",
      "height": "183.839px",
      "transform": "none",
      "color": "rgb(84, 61, 47)",
      "fontSize": "12px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "16.933338px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "DESIGNED BY ELITIS",
      "left": "116.699px",
      "top": "745.47234px",
      "width": "257.919px",
      "height": "20.9472px",
      "transform": "none",
      "color": "rgb(167, 111, 53)",
      "fontSize": "17px",
      "fontFamily": "Tenor Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "24.459266px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/09e1bc3d-e86d-4f10-9ed2-468ccad33034.svg",
      "left": "-11.1037px",
      "top": "-45.7703px",
      "width": "98.6518px",
      "height": "98.6518px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0cfe5c0d-fd41-4bef-bdd8-c52d62f839f2.png",
      "left": "730.503px",
      "top": "-26.9933px",
      "width": "101.66px",
      "height": "101.66px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.",
      "left": "419.968px",
      "top": "545.65467px",
      "width": "240.425px",
      "height": "99.1355px",
      "transform": "none",
      "color": "rgb(84, 61, 47)",
      "fontSize": "12px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "16.933338px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bd9e580d-01fb-4241-b67a-cf9d169a3a65.svg",
      "left": "683.698px",
      "top": "553.402px",
      "width": "137.805px",
      "height": "137.805px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f0ba2f2d-d715-4d47-83f1-7f5f6800eb40.jpg",
      "left": "348.43px",
      "top": "678.064px",
      "width": "808.3451692800002px",
      "height": "538.5600000000001px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M188.496,538.5600000000001L188.496,538.5600000000001C84.44620800000001,538.5600000000001,0.0,454.11379200000005,0.0,350.064V188.496C0.0,84.44620800000001,84.44620800000001,0.0,188.496,0.0h0.0c104.049792,0.0,188.496,84.44620800000001,188.496,188.496v161.568  C376.992,454.11379200000005,292.54579200000006,538.5600000000001,188.496,538.5600000000001z\")"
    }
  ],
  "background": "rgb(236, 230, 226)",
  "width": "816px",
  "height": "1056px",
  "duration": 3
}

Candidates:
[LxK4oCesUKH1y62HxgMR]
{
  "components": [
    {
      "type": "TEXT",
      "text": "Contact us for questions, clarifications, or requests.",
      "id": "0-0",
      "left": "108.0px",
      "top": "235.89967000000001px",
      "width": "746.447px",
      "height": "105.733px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "42px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "55.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "How can I help?",
      "id": "0-1",
      "left": "108.0px",
      "top": "109.633px",
      "width": "746.447px",
      "height": "89.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0ffce399-a4fd-44f5-9dde-546eb09503c8.svg",
      "left": "1149.88px",
      "top": "-101.173px",
      "width": "634.241px",
      "height": "889.879px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Phone",
      "id": "0-0",
      "left": "108.00000000000014px",
      "top": "890.358px",
      "width": "379.765px",
      "height": "44.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "37px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "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