# gdb-hub / gdb__template-2-s31

- 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/92006753-9f71-4351-b385-cbc89e1502aa.svg",
      "id": "0-0",
      "left": "921.972px",
      "top": "996.609px",
      "width": "42.4208px",
      "height": "53.6355px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1c91ebd3-3493-42a9-9e20-81213273cb00.svg",
      "id": "0-1",
      "left": "63.0796px",
      "top": "315.433px",
      "width": "422.575px",
      "height": "432px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ab85f80b-1bfd-4702-87ed-0a3f58c08bbd.jpg",
      "id": "0-2-0",
      "left": "182.549px",
      "top": "190.229px",
      "width": "714.903px",
      "height": "341.20399999999995px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "___________________________________",
      "id": "0-3",
      "left": "110px",
      "top": "84px",
      "width": "860px",
      "height": "48px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "40px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "56.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "___________________________________",
      "id": "0-4",
      "left": "110px",
      "top": "924px",
      "width": "860px",
      "height": "48px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "40px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "56.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "2/5",
      "id": "0-5",
      "left": "409.267px",
      "top": "59.2px",
      "width": "261.467px",
      "height": "21.7333px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "18.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "INSPIRING TITLE.",
      "id": "0-6",
      "left": "182.549px",
      "top": "610.598px",
      "width": "714.903px",
      "height": "72px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "60px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "84.0px",
      "letterSpacing": "0.08em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Social media shares facts, stories, and key information.",
      "id": "0-7",
      "left": "196.918px",
      "top": "731.637px",
      "width": "686.164px",
      "height": "117.133px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "29px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "41.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(245, 240, 231)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[4WR6DyGuWK7GRAxLeJjl]
{
  "components": [
    {
      "type": "TEXT",
      "text": "___",
      "id": "0-0",
      "left": "110px",
      "top": "84px",
      "width": "860px",
      "height": "48px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "40px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "56.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b7bc3437-cf67-4274-8156-683811def712.svg",
      "id": "0-1",
      "left": "600.992px",
      "top": "617.212px",
      "width": "422.575px",
      "height": "432px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "___",
      "id": "0-2",
      "left": "110px",
      "top": "924px",
      "width": "860px",
      "height": "48px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "40px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "56.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "5/5",
      "id": "0-3",
      "left": "409.267px",
      "top": "59.2px",
      "width": "261.467px",
      "height": "21.7333px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "18.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f62887bb-0bc9-4901-975c-b43389eec1cc.jpg",
      "id": "0-4-0",
      "left": "182.549px",
      "top": "559.053px",
      "width": "714.903px",
      "height": "341.20400000000006px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "INSPIRING TITLE",
      "id": "0-5",
      "left": "182.549px",
      "top": "210.743px",
      "width": "714.903px",
      "height": "72px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "60px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "84.0px",
      "letterSpacing": "0.08em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Ensure social media content is supported by accurate data and research.",
      "id": "0-6",
      "left": "196.918px",
      "top": "331.782px",
      "width": "686.164px",
      "height": "117.133px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "29px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "41.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(245, 240, 231)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[surQ2ZZf7f7MdC2fAjDg]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/430596c2-bd3e-4c16-a54f-f067139e6072.jpg",
      "id": "0-0-0",
      "left": "0.0px",
      "top": "-377.762px",
      "width": "1261.5px",
      "height": "1893.43px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "GROUP",
      "id": "0-1-0-0",
      "width": "1080.0px",
      "height": "1350.0px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M0,0L256,0L256,320L0,320Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d0b7bab4-87ea-42db-acae-41c8c478ac9c.jpg",
      "id": "0-1-1-0",
      "left": "-135.0px",
      "top": "135.0px",
      "width": "1350.0px",
      "height": "1080.0px",
      "transform": "rotate(90deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/208f9797-bb23-40b8-adb0-41fc0d988e2d.svg",
      "id": "0-2",
      "left": "9.09495e-13px",
      "top": "76.6574px",
      "width": "1080px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c05dc741-366e-402e-9623-27e2eca948ba.svg",
      "id": "0-3",
      "left": "4.54747e-13px",
      "top": "1267.41px",
      "width": "1080px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/581f0faf-98b8-4754-83ae-148c6227134c.svg",
      "id": "0-4",
      "left": "110.383px",
      "top": "950.754px",
      "width": "545.741px",
      "height": "1px",
      "transform": "rotate(1.19357e-14deg)"
    },
    {
      "type": "TEXT",
      "text": "\"One thing I wish more people understood about ______ is ______.\"",
      "id": "0-5",
      "left": "108px",
      "top": "721.697px",
      "width": "531.362px",
      "height": "158.745px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "45px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "52.9148px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Prompt 3",
      "id": "0-6",
      "left": "110.383px",
      "top": "634.85851px",
      "width": "432px",
      "height": "67.677px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "56px",
      "fontFamily": "Inter--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "62.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Hannover & Tyke",
      "id": "0-7",
      "left": "45.2369px",
      "top": "30.552459999999996px",
      "width": "432px",
      "height": "26.5333px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "22px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "22.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "04/09",
      "id": "0-8",
      "left": "602.763px",
      "top": "30.552459999999996px",
      "width": "432px",
      "height": "26.5333px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "22px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "22.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "2025",
      "id": "0-9",
      "left": "45.2369px",
      "top": "1294.79666px",
      "width": "432px",
      "height": "26.5333px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "22px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "22.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@loremipsum",
      "id": "0-10",
      "left": "602.763px",
      "top": "1294.79666px",
      "width": "432px",
      "height": "26.5333px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "22px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "22.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "GREAT FOR DEBUNKING MYTHS, EDUCATING, OR SHOWING VALUES.",
      "id": "0-11",
      "left": "108.0px",
      "top": "1024.0700000000002px",
      "width": "632.419px",
      "height": "148.877px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "43px",
      "fontFamily": "Inter--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.16592000000001px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1350px",
  "duration": 3
}

[plFxJTv7wGROZmY3yoF0]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/85ce024a-4c54-4342-9113-ac07f340e2cd.svg",
      "id": "0-0",
      "left": "921.972px",
      "top": "996.609px",
      "width": "42.4208px",
      "height": "53.6355px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ce8c8798-1224-4aac-b07c-789b1562687b.svg",
      "id": "0-1",
      "left": "520.608px",
      "top": "70.0667px",
      "width": "422.575px",
      "height": "432px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1653eaac-bc53-47f8-8aae-05390fc9e6ed.jpg",
      "id": "0-2-0",
      "left": "670.733px",
      "top": "190.229px",
      "width": "409.26700000000005px",
      "height": "699.541px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "_________________________________________",
      "id": "0-3",
      "left": "110px",
      "top": "84px",
      "width": "860px",
      "height": "48px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "40px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "56.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "_________________________________________",
      "id": "0-4",
      "left": "110px",
      "top": "924px",
      "width": "860px",
      "height": "48px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "40px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "56.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "3/5",
      "id": "0-5",
      "left": "409.267px",
      "top": "59.2px",
      "width": "261.467px",
      "height": "21.7333px",
      "color": "rgb(131, 116, 99)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "18.0px",
      "letterSpacing": "0.2em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "INSPIRING \nTITLE HERE. ",
      "id": "0-6",
      "left": "110px",
      "top": "314.129px",
      "width": "512.283px",
      "height": "156px",
      "color": "rgb(99, 87, 76)",
      "fontSize": "60px",
      "fontFamily": "Belleza--40
```
_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