# gdb-hub / gdb__template-2-s5

- 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/731a8a60-2dd8-46eb-8880-4e5525f45b03.png",
      "left": "881px",
      "top": "128px",
      "width": "871px",
      "height": "952px"
    },
    {
      "type": "TEXT",
      "text": "Struforma\nPlan",
      "left": "168.0px",
      "top": "128.0px",
      "width": "796.0px",
      "height": "220px",
      "fontSize": "110px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "100.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada",
      "left": "168.0px",
      "top": "726.9px",
      "width": "471.9px",
      "height": "187px",
      "fontSize": "25px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "150.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "$6M",
      "left": "946.9px",
      "top": "550.0px",
      "width": "370.0px",
      "height": "145px",
      "fontSize": "145px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "100.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "$9M",
      "left": "1393.9px",
      "top": "237.0px",
      "width": "370.0px",
      "height": "145px",
      "fontSize": "145px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "100.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",
      "left": "946.9px",
      "top": "765.0px",
      "width": "305.1px",
      "height": "112px",
      "fontSize": "25px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "150.0%",
      "letterSpacing": "-0.01em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",
      "left": "1393.9px",
      "top": "765.0px",
      "width": "305.1px",
      "height": "112px",
      "fontSize": "25px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "150.0%",
      "letterSpacing": "-0.01em"
    }
  ],
  "background": "#000",
  "width": "1920px",
  "height": "1080px"
}

Candidates:
[F75oeCtCYeUc1rADY9FT]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "1801.6px",
      "top": "892.268px",
      "width": "118.399488px",
      "height": "187.73256318000003px",
      "transform": "none",
      "background": "rgb(158, 230, 195)",
      "backgroundColor": "rgb(158, 230, 195)",
      "clipPath": "path(\"M0,0L256,0L256,405.9096742999484L0,405.9096742999484Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "1801.6px",
      "top": "2.27374e-13px",
      "width": "118.399488px",
      "height": "892.26964152px",
      "transform": "none",
      "background": "rgb(1, 41, 77)",
      "backgroundColor": "rgb(1, 41, 77)",
      "clipPath": "path(\"M0,0L256,0L256,1929.2378745143194L0,1929.2378745143194Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "1792.85px",
      "top": "938.807px",
      "width": "135.811830504px",
      "height": "94.198272px",
      "transform": "rotate(-90deg)",
      "background": "rgb(1, 41, 77)",
      "backgroundColor": "rgb(1, 41, 77)",
      "clipPath": "path(\"M128.00000006224676,0L241.09174158389789,0C311.7841894441098,0 369.0917415085626,57.30755206445275 369.0917415085626,128.00000006224676C369.0917415085626,198.69244792245874 311.7841894441098,255.9999999869115 241.09174158389789,255.9999999869115L128.00000006224676,255.9999999869115C57.30755206445275,255.9999999869115 0,198.69244792245874 0,128.00000006224676C0,57.30755206445275 57.30755206445275,0 128.00000006224676,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "02",
      "id": "0-3",
      "left": "1815.75px",
      "top": "963.90599px",
      "width": "90.0046px",
      "height": "37.6046px",
      "transform": "none",
      "color": "rgb(235, 235, 235)",
      "fontSize": "32px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f544bc47-25e7-4908-9b15-140d9d6bc278.svg",
      "id": "0-4",
      "left": "1843.3px",
      "top": "787.072px",
      "width": "34.9039px",
      "height": "34.9039px",
      "transform": "rotate(-90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "loremipsum.co",
      "id": "0-5",
      "left": "1710.94px",
      "top": "612.42373px",
      "width": "299.63px",
      "height": "25.1123px",
      "transform": "rotate(-90deg)",
      "color": "rgb(158, 230, 195)",
      "fontSize": "21px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "29.387204px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0ef4d050-f17f-41b7-b4b9-03f2440a9c5d.svg",
      "id": "0-6",
      "left": "1700.65px",
      "top": "228.374px",
      "width": "320.197px",
      "height": "4px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/82c5ca77-c879-41e3-bd90-2e56cea3803f.svg",
      "id": "0-7",
      "left": "1759.07px",
      "top": "169.955px",
      "width": "203.357px",
      "height": "4px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "GROUP",
      "id": "0-8-0",
      "left": "68.1339px",
      "top": "68.2078px",
      "width": "88.101632px",
      "height": "461.90377899px",
      "transform": "none",
      "background": "rgb(158, 230, 195)",
      "backgroundColor": "rgb(158, 230, 195)",
      "clipPath": "path(\"M72.64340436737899,0L183.3565955083412,0C202.62282423014918,0 221.09995845940907,7.653479518665793 234.72323940823173,21.276760467488455C248.34652050415727,34.900041563414014 256.0000000228231,53.37717564557103 256.0000000228231,72.64340436737899L256.0000000228231,1269.5284436825364C256.0000000228231,1288.7946724043445 248.34652050415727,1307.2718066336042 234.72323940823173,1320.8950875824269C221.09995845940907,1334.5183685312497 202.62282423014918,1342.1718481970183 183.3565955083412,1342.1718480499153L72.64340436737899,1342.1718480499153C53.37717564557103,1342.1718481970183 34.900041563414014,1334.5183685312497 21.276760467488455,1320.8950875824269C7.653479518665793,1307.2718066336042 0,1288.7946724043445 0,1269.5284436825364L0,72.64340436737899C0,53.37717564557103 7.653479518665793,34.900041563414014 21.276760467488455,21.276760467488455C34.900041563414014,7.653479518665793 53.37717564557103,0 72.64340436737899,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5109e7bc-e93a-4456-bc87-8be66196a940.jpg",
      "id": "0-9-0-0",
      "left": "376.193px",
      "top": "201.4228px",
      "width": "721.5327431400001px",
      "height": "480.72050899px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M24.999952626335464,0.0L696.5324389457961,0.0C710.3395315162647,0.0 721.5323915721315,11.192860055866833 721.5323915721315,24.999952626335464L721.5323915721315,436.9034073494737C721.5323915721315,450.7104999199424 710.3395315162647,461.90335997580917 696.5324389457961,461.90335997580917L24.999952626335464,461.90335997580917C11.192860055866833,461.90335997580917 0.0,450.7104999199424 0.0,436.9034073494737L0.0,24.999952626335464C0.0,11.192860055866833 11.192860055866833,0.0 24.999952626335464,0.0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4b8c7af4-b48a-4f82-9192-f01ac3edec8b.jpg",
      "id": "0-10-0-0",
      "left": "268.0809px",
      "top": "683.8340000000001px",
      "width": "721.5327431400001px",
      "height": "482.52481898999997px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M24.999952626335464,0.0L696.5324389457961,0.0C710.3395315162647,0.0 721.5323915721315,11.192860055866833 721.5323915721315,24.999952626335464L721.5323915721315,436.9034073494737C721.5323915721315,450.7104999199424 710.3395315162647,461.90335997580917 696.5324389457961,461.90335997580917L24.999952626335464,461.90335997580917C11.192860055866833,461.90335997580917 0.0,450.7104999199424 0.0,436.9034073494737L0.0,24.999952626335464C0.0,11.192860055866833 11.192860055866833,0.0 24.999952626335464,0.0Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-11-0",
      "left": "809.678px",
      "top": "550.12px",
      "width": "88.101632px",
      "height": "461.90377899px",
      "transform": "none",
      "background": "rgb(1, 41, 77)",
      "backgroundColor": "rgb(1, 41, 77)",
      "clipPath": "path(\"M72.64340436737899,0L183.3565955083412,0C202.62282423014918,0 221.09995845940907,7.653479518665793 234.72323940823173,21.276760467488455C248.34652050415727,34.900041563414014 256.0000000228231,53.37717564557103 256.0000000228231,72.64340436737899L256.0000000228231,1269.5284436825364C256.0000000228231,1288.7946724043445 248.34652050415727,1307.2718066336042 234.72323940823173,1320.8950875824269C221.09995845940907,1334.5183685312497 202.62282423014918,1342.1718481970183 183.3565955083412,1342.1718480499153L72.64340436737899,1342.1718480499153C53.37717564557103,1342.1718481970183 34.900041563414014,1334.5183685312497 21.276760467488455,1320.8950875824269C7.653479518665793,1307.2718066336042 0,1288.7946724043445 0,1269.5284436825364L0,72.64340436737899C0,53.37717564557103 7.653479518665793,34.900041563414014 21.276760467488455,21.276760467488455C34.900041563414014,7.653479518665793 53.37717564557103,0 72.64340436737899,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "02",
      "id": "0-12",
      "left": "981.78px",
      "top": "170.74699999999999px",
      "width": "90.0046px",
      "height": "33.3974px",
      "transform": "none",
      "color": "rgb(158, 230, 195)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "SEO",
      "id": "0-13",
      "left": "981.78px",
      "top": "205.68233px",
      "width": "819.821px",
      "height": "89.0667px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "74px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "104.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Improvement",
      "id": "0-14",
      "left": "981.78px",
      "top": "290.07333px",
      "width": "819.821px",
      "height": "89.0667px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "74px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "104.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "natural keyword integration in content, titles, and headings boosts search visibility. compelling meta descriptions summarize content, increasing click-throughs. optimized images (alt text, file names) improve accessibility and search rankings.",
      "id": "0-15",
      "left": "981.78px",
      "top": "429.737px",
      "width": "735.645px",
      "height": "193.2px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "24px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "SEO strategies attract organic traffic, helping audiences find content, boosting engagement and reach.",
      "id": "0-16",
      "left": "981.78px",
      "top": "678.937px",
      "width": "735.645px",
      "height": "94.2px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "24px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(235, 235, 235)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[EPi6ymtL9nwH8aKtPXr5]
{
  "components": [
    {
      "type": "TEXT",
      "text": "Simple list",
      "left": "128px",
      "top": "511px",
      "width": "560px",
      "height": "57px",
      "fontSize": "48px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "120.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "First thing",
      "left": "968px",
      "top": "273px",
      "width": "680px",
      "height": "47px",
      "fontSize": "36px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "132.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "Add a quick description of each thing, with enough context to understand what's up.",
      "left": "968px",
      "top": "337px",
      "width": "680px",
      "height": "64px",
      "fontSize": "24px",
      "fontFamily": "Inter",
      "textAlign": "left",
      "lineHeight": "134.0%"
    },
    {
      "type": "TEXT",
      "text": "Second thing",
      "left": "968px",
      "top": "475px",
      "width": "680px",
      "height": "47px",
      "fontSize": "36px",
      "fontFamily": "Inter",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "132.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "Keep 'em short and sweet, so they're easy to scan and remember.",
      "left": "968px",
      "top": "539px",
      "width": "680px",
      "height": "64px",
      "fontSize": "24px",
      "fontFamily": "Inter",
      "textAlign": "left",
      "lineHeight": "134.0%"
    },
    {
      "type": "TEXT",
      "text": "Third thing",
      "left": "968px",
      "top": "677px",
      "width": "680px",
      "height": "47px",
      "fontSize": "36px",
      "fontFamily": "Inter",
      "fontWeight": 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