# gdb-hub / gdb__template-2-s172

- 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/2b864ae3-7d07-496c-a836-0d9af974cbac.svg",
      "left": "1289.5px",
      "top": "222.9px",
      "width": "510.5px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/556cdfba-7bb3-476e-845a-06bbcf260156.svg",
      "left": "1187.9px",
      "top": "630.0px",
      "width": "647.4px",
      "height": "360.8px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c895e271-e62c-4d2e-b70a-9f665ac0fbdf.png",
      "left": "1230.1px",
      "top": "173.3px",
      "width": "92.2px",
      "height": "97.8px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f7ccf0ef-7861-4118-ab42-b314c4c22d0b.svg",
      "left": "1276.6px",
      "top": "0.0px",
      "width": "1.9px",
      "height": "173.8px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c5abcc9f-dbe9-4d36-9fa9-58752c89fbd8.png",
      "left": "1777.2px",
      "top": "191.4px",
      "width": "58.2px",
      "height": "62.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bf440798-e656-46ce-8546-99e072e4c321.png",
      "left": "1275.1px",
      "top": "694.0px",
      "width": "57.2px",
      "height": "61.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bf373ad8-ce46-4696-bb98-097a5d8b5e60.png",
      "left": "84.1px",
      "top": "92.0px",
      "width": "1044.1px",
      "height": "898.6px",
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Prosper\nEconomy",
      "left": "1203.1px",
      "top": "321.0px",
      "width": "589.1px",
      "height": "260px",
      "fontSize": "118.4px",
      "fontFamily": "Manrope",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "110.0%"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "left": "1275.1px",
      "top": "777.0px",
      "width": "294.0px",
      "height": "136px",
      "color": "#fff",
      "fontSize": "18px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "120%",
      "letterSpacing": "-0.02em"
    }
  ],
  "background": "#fcf5f0",
  "width": "1920px",
  "height": "1080px"
}

Candidates:
[UiyjO5GHKCw5r973oH5j]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/background_image_bc18371b-bdb6-4051-bf23-dc334becb295.jpeg",
      "left": "-270.0px",
      "top": "0.0px",
      "width": "1620.0px",
      "height": "1080.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/be15d587-f28b-4caa-bff3-df581eaccfb0.jpg",
      "id": "0-0",
      "left": "506.432px",
      "top": "108.0px",
      "width": "573.568px",
      "height": "864.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7da1e137-cf34-42e7-ae86-f2d2375edd8d.jpg",
      "id": "0-0",
      "left": "399.743px",
      "top": "108.0px",
      "width": "572.2570000000001px",
      "height": "783.73px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/63c6e6b5-672a-4b8e-b866-82c2e1ec8540.jpg",
      "id": "0-0",
      "left": "0.0px",
      "top": "205.784px",
      "width": "506.432px",
      "height": "685.946px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/80efec95-4297-4d1d-88fa-a653c4c1ceb6.jpg",
      "id": "0-0",
      "left": "0.0px",
      "top": "810.794px",
      "width": "506.432px",
      "height": "80.9357px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Elle",
      "left": "75.9662px",
      "top": "502.438px",
      "width": "400.837px",
      "height": "63px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "53px",
      "fontFamily": "Montserrat--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "47.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Darc",
      "left": "75.9662px",
      "top": "562.438px",
      "width": "347.277px",
      "height": "39px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "33px",
      "fontFamily": "Montserrat--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "29.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "SR. DESIGNER",
      "left": "74.4324px",
      "top": "607.51833px",
      "width": "347.277px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Crucially, ensure social shares are backed by accurate data & research.",
      "left": "74.4324px",
      "top": "679.96433px",
      "width": "420.25px",
      "height": "100.267px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@LOREMIPSUM",
      "left": "74.4324px",
      "top": "838.26233px",
      "width": "325.31px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(16, 43, 78)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "REALLY GREAT\nCOMPANY",
      "left": "110.956px",
      "top": "106.13333px",
      "width": "281.601px",
      "height": "48.2667px",
      "transform": "none",
      "color": "rgb(16, 43, 78)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "LOREMIPSUM.CO",
      "left": "109.534px",
      "top": "947.86633px",
      "width": "345.743px",
      "height": "22.2667px",
      "transform": "none",
      "color": "rgb(16, 43, 78)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0.1em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[65il4AePyoaH3e8lPF5t]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/842fedf7-f628-4882-9a57-86cfe456d3d1.jpg",
      "left": "-270.507px",
      "top": "0.0px",
      "width": "1621.01px",
      "height": "1080.0px",
      "transform": "rotate(0deg)",
      "opacity": 0.16,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5a6141af-0c68-455e-a208-77c53829e440.png",
      "left": "-114.746px",
      "top": "14.3101px",
      "width": "1532.07px",
      "height": "1051.38px",
      "transform": "rotate(-3.9804deg)",
      "opacity": 0.06,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/19af947b-03e5-4f96-a50a-5c1fb142172b.png",
      "left": "390.207px",
      "top": "148.939px",
      "width": "778.897px",
      "height": "1191.43px",
      "transform": "rotate(-8.0442deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "See, Hear, Speak: Master Marketing Message",
      "left": "448.90824599999996px",
      "top": "345.46848px",
      "width": "211.186px",
      "height": "240.217px",
      "transform": "rotate(-7.6782deg)",
      "color": "rgb(45, 88, 137)",
      "fontSize": "35px",
      "fontFamily": "Libre Baskerville--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "39.501039999999996px",
      "letterSpacing": "-0.046em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c7363b02-d208-4c65-8bd1-ec435940d1fe.png",
      "left": "437.974px",
      "top": "331.207px",
      "width": "246.1px",
      "height": "244.869px",
      "transform": "rotate(81.2754deg)",
      "opacity": 0.26,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "#LOREMIPSUM",
      "left": "108.0px",
      "top": "944.94084px",
      "width": "310.107px",
      "height": "23.1177px",
      "transform": "none",
      "color": "rgb(45, 88, 137)",
      "fontSize": "19px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "31.0px",
      "letterSpacing": "0.09em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "*Senses help us understand the world; effective marketing uses a multi-sensory approach.",
      "left": "108.0px",
      "top": "713.88002px",
      "width": "239.465px",
      "height": "176.544px",
      "transform": "none",
      "color": "rgb(45, 88, 137)",
      "fontSize": "23px",
      "fontFamily": "Libre Baskerville--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "24.787464px",
      "letterSpacing": "-0.087em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "Tired of unheard marketing? Craft a message that engages all your audience's senses!",
      "left": "793.86134px",
      "top": "176.09273px",
      "width": "176.069px",
      "height": "190.189px",
      "transform": "none",
      "color": "rgb(45, 88, 137)",
      "fontSize": "23px",
      "fontFamily": "Libre Baskerville--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "27.0px",
      "letterSpacing": "-0.087em",
      "textTransform": "none",
      "fontStyle": "italic"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[RB5rCNscxWwrzNCwfY4O]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/48bb2f64-c621-451d-a74f-02466d62d72e.svg",
      "left": "774.3px",
      "top": "59.5px",
      "width": "2.7px",
      "height": "129.2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/80527841-91b4-4bcc-b2a2-61f182521ec4.svg",
      "left": "876.5px",
      "top": "426.1px",
      "width": "852.5px",
      "height": "320.5px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8066c87f-6b1c-4b6f-9314-c530653602a4.svg",
      "left": "683.3px",
      "top": "60.3px",
      "width": "91.0px",
      "height": "2.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5f008ef0-c4fc-4582-96cf-789f02cb233e.svg",
      "left": "683.3px",
      "top": "0.0px",
      "width": "2.7px",
      "height": "541.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0444523c-459b-4ab0-902f-4f39678515ef.svg",
      "left": "774.3px",
      "top": "864.3px",
      "width": "2.7px",
      "height": "217.7px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9e96e285-82a4-43ea-97b0-edbf818d6f9d.svg",
      "left": "496.3px",
      "top": "953.1px",
      "width": "277.4px",
      "height": "2.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0006341c-6841-4456-83f5-277ef68b9e00.svg",
      "left": "122.9px",
      "top": "951.8px",
      "width": "2.7px",
      "height": "130.5px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2498a115-be8f-4cd4-a1eb-281704a49714.png",
      "left": "625.5px",
      "top": "480.7px",
      "width": "112.9px",
      "height": "120.2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3848b44b-883f-41c8-90b5-c309efb77f73.png",
      "left": "745.0px",
      "top": "154.5px",
      "width": "56.8px",
      "height": "60.3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b3263db3-75b5-4d9a-a3d5-b99d62cb50a6.svg",
      "left": "745.0px",
      "top": "831.8px",
      "width": "61.2px",
      "height": "61.2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/82d34385-2b69-4f26-af5c-639440a4bba4.svg",
      "left": "764.2px",
      "top": "51.4px",
      "width": "22.7px",
      "height": "22.7px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a05e62d7-7ce9-42b6-b4b3-1bd7bf3d3249.png",
      "left": "467.1px",
      "top": "921.0px",
      "width": "57.2px",
      "height": "61.2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/24752da6-5194-4488-899f-808c7755606e.svg",
      "left": "92.9px",
      "top": "920.1px",
      "width": "61.2px",
      "height": "60.8px"
    },
    {
      "type": "TEXT",
      "text": "How the Gig Economy is Changing Society",
      "left": "92.9px",
      "top": "166.0px",
      "width": "543.0px",
      "height": "418px",
      "color": "#000",
      "fontSize": "95px",
      "fontFamily": "Manrope",
      "fontWeight": "700",
      "te
```
_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