# gdb-hub / gdb__template-2-s193

- 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/beb655c1-8aa1-4be1-b465-e3528309cdc4.svg",
      "left": "144.6px",
      "top": "585.3px",
      "width": "489.0px",
      "height": "398.0px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/61a4664e-2284-4328-b8ea-c2e7df3bd441.svg",
      "left": "685.2px",
      "top": "561.0px",
      "width": "547.6px",
      "height": "445.5px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9a503c95-7319-4df4-abe1-b93d5fc8e8b6.svg",
      "left": "1284.9px",
      "top": "585.3px",
      "width": "489.0px",
      "height": "398.0px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b1896d2b-1428-41c8-a781-9dadfc21ee2e.svg",
      "left": "0.2px",
      "top": "237.0px",
      "width": "124.2px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6a98ed4c-80a8-4587-b3a0-63c6dc313d8a.svg",
      "left": "116.9px",
      "top": "237.0px",
      "width": "1.9px",
      "height": "193.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/28a06dba-9dcb-4c63-89aa-e7737efe1393.svg",
      "left": "116.9px",
      "top": "431.4px",
      "width": "138.0px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2d18d7b5-4e71-4777-8cda-a46a5aae9f3f.svg",
      "left": "0.2px",
      "top": "504.6px",
      "width": "662.0px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/78770aec-7804-4072-a082-e88c5af0acf6.png",
      "left": "212.4px",
      "top": "384.9px",
      "width": "83.7px",
      "height": "89.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/11cacbd7-7cba-4c05-bfac-afba297b4624.svg",
      "left": "641.3px",
      "top": "480.8px",
      "width": "44.0px",
      "height": "44.0px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/42296bfb-c5ea-4d32-96d6-5331df2e44f8.png",
      "left": "92.4px",
      "top": "211.0px",
      "width": "49.3px",
      "height": "52.3px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9312674e-9eaf-4230-bf52-61d89a14a7a6.svg",
      "left": "101.2px",
      "top": "414.1px",
      "width": "30.9px",
      "height": "30.5px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0d1c8f6e-e1c3-4272-bf8a-fb7d15da378a.svg",
      "left": "1794.0px",
      "top": "237.0px",
      "width": "124.2px",
      "height": "0px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/982c61a2-6fa6-46d5-91c1-f21c1813be88.svg",
      "left": "1801.5px",
      "top": "237.0px",
      "width": "0px",
      "height": "193.1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b58326b7-b695-4034-8ada-d3397caac240.svg",
      "left": "1663.3px",
      "top": "431.4px",
      "width": "138.0px",
      "height": "0px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d05ca82e-6ac5-40c4-b933-da216180b9a3.svg",
      "left": "1256.1px",
      "top": "504.6px",
      "width": "662.0px",
      "height": "0px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/91a40488-4a5a-4d06-8c5b-7b74b0f6907f.png",
      "left": "1622.0px",
      "top": "384.9px",
      "width": "83.7px",
      "height": "89.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/38aed09e-9ad1-4860-a778-37301cd27db4.svg",
      "left": "1232.8px",
      "top": "480.8px",
      "width": "44.0px",
      "height": "44.0px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/97ebbb0e-ed25-4444-9eb9-ee383cf9b102.png",
      "left": "1776.4px",
      "top": "211.0px",
      "width": "49.3px",
      "height": "52.3px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9da556cd-2cf9-433f-9358-48ff76eb9e07.svg",
      "left": "1786.0px",
      "top": "414.1px",
      "width": "30.9px",
      "height": "30.5px",
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Biggest Challenge for Gig Workers",
      "left": "221.0px",
      "top": "184.0px",
      "width": "1531.0px",
      "height": "104px",
      "fontSize": "95px",
      "fontFamily": "Manrope",
      "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. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
      "left": "475.0px",
      "top": "324.0px",
      "width": "969.0px",
      "fontFamily": "Manrope",
      "textAlign": "center",
      "lineHeight": "190%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "01",
      "left": "197.0px",
      "top": "622.0px",
      "width": "119.0px",
      "height": "84px",
      "fontSize": "70px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "120.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "03",
      "left": "1345.0px",
      "top": "622.0px",
      "width": "119.0px",
      "height": "84px",
      "fontSize": "70px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "120.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "02",
      "left": "758.0px",
      "top": "604.0px",
      "width": "119.0px",
      "height": "84px",
      "color": "#fff",
      "fontSize": "70px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "120.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "left": "197.0px",
      "top": "836.0px",
      "width": "366.9px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "190%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "left": "1345.0px",
      "top": "836.0px",
      "width": "366.9px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "190%",
      "letterSpacing": "-0.02em"
    },
    {
      "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",
      "left": "758.0px",
      "top": "824.0px",
      "width": "394.0px",
      "color": "#fff",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "190%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "Problem-solving",
      "left": "197.0px",
      "top": "780.0px",
      "width": "226.9px",
      "height": "36px",
      "fontSize": "28px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "132.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "Innovation",
      "left": "1345.0px",
      "top": "780.0px",
      "width": "226.9px",
      "height": "36px",
      "fontSize": "28px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "132.0%",
      "letterSpacing": "-0.02em"
    },
    {
      "type": "TEXT",
      "text": "Creativity",
      "left": "763.0px",
      "top": "767.0px",
      "width": "226.9px",
      "height": "36px",
      "color": "#fff",
      "fontSize": "28px",
      "fontFamily": "Manrope",
      "textAlign": "left",
      "lineHeight": "132.0%",
      "letterSpacing": "-0.02em"
    }
  ],
  "background": "#fcf5f0",
  "width": "1920px",
  "height": "1080px"
}

Candidates:
[KS0tXDeuZLYgu7xN2r21]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3c253233-09f7-4eb9-ae6a-91c05acdce63.svg",
      "left": "761.1px",
      "top": "199.0px",
      "width": "1076.9px",
      "height": "354.9px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/29df3f18-ff43-4bc3-a215-79591c89afc4.png",
      "left": "96.2px",
      "top": "623.4px",
      "width": "1750.7px",
      "height": "375.6px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8f6ca14a-66a9-4106-9a3b-7f4ef9de563f.svg",
      "left": "361.3px",
      "top": "519.8px",
      "width": "333.9px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f8119d38-35bc-48f6-8377-06382c60b1b1.svg",
      "left": "695.0px",
      "top": "90.0px",
      "width": "0.2px",
      "height": "429.5px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1eb228fa-2c40-4503-8ef4-67f35309ed79.svg",
      "left": "689.5px",
      "top": "109.9px",
      "width": "205.8px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/27949452-f4d2-4d72-b042-f1beac30c120.svg",
      "left": "894.5px",
      "top": "0.2px",
      "width": "1.2px",
      "height": "121.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1e1621c6-f1cf-4c8a-92dd-9db39b8dc15f.svg",
      "left": "365.4px",
      "top": "518.4px",
      "width": "1.9px",
      "height": "105.4px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/34e96daa-1e4e-464b-a72e-04f086b09f01.png",
      "left": "306.0px",
      "top": "461.4px",
      "width": "111.0px",
      "height": "116.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a30d1bfb-be2a-484a-abef-5b8f214be052.svg",
      "left": "674.1px",
      "top": "499.3px",
      "width": "41.5px",
      "height": "41.4px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a1c20983-9631-4f3e-a64e-a2c491863a1f.png",
      "left": "677.4px",
      "top": "89.4px",
      "width": "35.7px",
      "height": "37.9px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e0238b76-d835-4548-ac30-ba0b8629d184.svg",
      "left": "874.9px",
      "top": "88.1px",
      "width": "41.5px",
      "height": "41.4px",
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Get in Touch With Us",
      "left": "96.0px",
      "top": "179.0px",
      "width": "689.1px",
      "height": "209px",
      "fontSize": "95px",
      "fontFamily": "Manrope",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "110.0%"
    },
    {
      "type": "TEXT",
      "text": "+1 123 482919",
      "left": "831.0px",
      "top": "314.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Phone",
      "left": "831.0px",
      "top": "274.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Website",
      "left": "1373.0px",
      "top": "274.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "@prospereconomy",
      "left": "1373.0px",
      "top": "314.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Email",
      "left": "831.0px",
      "top": "401.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "hello@prospereconomy.com",
      "left": "831.0px",
      "top": "441.0px",
      "width": "437.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Social",
      "left": "1373.0px",
      "top": "401.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "www.prosper.com",
      "left": "1373.0px",
      "top": "441.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    }
  ],
  "background": "#fcf5f0",
  "width": "1920px",
  "height": "1080px"
}

[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",
```
_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