# gdb-hub / gdb__template-5-s38

- 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-5

## Input Files

- `/workspace/inputs/input_0.png`
- `/workspace/inputs/input_1.png`
- `/workspace/inputs/input_2.png`

## Task

You are a design system assistant. Given a layout and a target color palette, recolor the layout to use the target palette while preserving the layout structure (positions, sizes, fonts, text content). Return ONLY a valid JSON layout object.

Color mapping hint:
{
  "rgb(1,1,1)": "rgb(192,192,192)",
  "rgb(250,157,97)": "rgb(106,102,102)",
  "rgb(252,252,252)": "rgb(217,217,217)"
}

Target palette:
[
  {
    "role": "background",
    "color": "rgb(192,192,192)"
  },
  {
    "role": "primary",
    "color": "rgb(106,102,102)"
  },
  {
    "role": "secondary",
    "color": "rgb(217,217,217)"
  },
  {
    "role": "accent",
    "color": "rgb(148,146,146)"
  },
  {
    "role": "accent2",
    "color": "rgb(164,163,163)"
  },
  {
    "role": "accent3",
    "color": "rgb(122,119,119)"
  },
  {
    "role": "accent4",
    "color": "rgb(243,243,243)"
  }
]

Siblings (style context):
[
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/6cddebfe-0ee9-4d65-b1ad-a46c978d81b0.svg",
        "id": "0-0-0",
        "left": "675.211px",
        "top": "82.31780000000018px",
        "width": "349.538px",
        "height": "2.0px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5f0207cb-2b50-43d5-a33d-94edd2912723.svg",
        "id": "0-0-1",
        "left": "676.27949px",
        "top": "131.68220000000002px",
        "width": "348.469px",
        "height": "2.0px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/2e5d7fd9-6e5c-4af4-9ed8-b9a885adb7b1.svg",
        "id": "0-0-2",
        "left": "998.498px",
        "top": "106.5px",
        "width": "50.3644px",
        "height": "2.0px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/27294743-d12f-454e-93f0-5b8f639f3326.svg",
        "id": "0-0-3",
        "left": "651.5973px",
        "top": "107.0px",
        "width": "49.3644px",
        "height": "2.0px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "GROUP",
        "id": "0-1-0-0",
        "left": "111.4999px",
        "top": "92.56858px",
        "width": "43.147264px",
        "height": "69.29113510399999px",
        "transform": "rotate(-49.7282deg)",
        "background": "rgb(250, 157, 97)",
        "backgroundColor": "rgb(250, 157, 97)",
        "clipPath": "path(\"M0,0L256,0L256,411.1157177538758L0,411.1157177538758Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-1-1-0",
        "left": "137.099px",
        "top": "92.48426px",
        "width": "43.147264px",
        "height": "69.29113510399999px",
        "transform": "rotate(50.0162deg)",
        "background": "rgb(250, 157, 97)",
        "backgroundColor": "rgb(250, 157, 97)",
        "clipPath": "path(\"M0,0L256,0L256,411.1157177538758L0,411.1157177538758Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c4b39736-ae58-41a4-b367-ba20afd55d1d.jpg",
        "id": "0-2-0-0",
        "left": "152.474px",
        "top": "82.48399999999998px",
        "width": "775.0500000000001px",
        "height": "1162.575px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M0.0,232.51500000000001L0.0,232.51500000000001C0.0,104.16672000000001,104.16672000000001,0.0,232.51500000000001,0.0h310.02c128.34828,0.0,232.51500000000001,104.16672000000001,232.51500000000001,232.51500000000001l0.0,0.0c0.0,128.34828-104.16672000000001,232.51500000000001-232.51500000000001,232.51500000000001H232.51500000000001C104.16672000000001,465.03000000000003,0.0,360.86328000000003,0.0,232.51500000000001z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7238eb0a-f71e-4c6b-b64b-1d61977a47ea.svg",
        "id": "0-3",
        "left": "937.714px",
        "top": "251.738px",
        "width": "302.938px",
        "height": "302.938px",
        "transform": "rotate(10.8722deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ad73d30a-0dd7-4892-87e7-5ffb4dc19b5e.svg",
        "id": "0-4",
        "left": "819.25px",
        "top": "302.04px",
        "width": "344.227px",
        "height": "282.266px",
        "transform": "rotate(-75.2883deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1b941512-24a8-4173-955c-0c46e47b53f1.svg",
        "id": "0-5",
        "left": "-198.925px",
        "top": "516.69px",
        "width": "345.185px",
        "height": "345.185px",
        "transform": "rotate(10.8722deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1b6699fc-d62c-4d64-bad3-8e97c2b31252.svg",
        "id": "0-6",
        "left": "-167.612px",
        "top": "593.962px",
        "width": "392.232px",
        "height": "321.631px",
        "transform": "rotate(178.64deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/f623cb17-df8d-4e3e-8be0-6d3889b5c33e.svg",
        "id": "0-7",
        "left": "514.0px",
        "top": "844.923px",
        "width": "52px",
        "height": "52px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b719974b-1501-41d7-980e-2ff436e41a48.svg",
        "id": "0-8",
        "left": "303.207px",
        "top": "792.923px",
        "width": "52px",
        "height": "52px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/932ecd72-b95e-4498-967e-7c684ef89f06.svg",
        "id": "0-9",
        "left": "727.234px",
        "top": "792.923px",
        "width": "52px",
        "height": "52px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/71b5fcf8-7faf-4375-9322-4b4284fe1bdf.svg",
        "id": "0-10",
        "left": "855.361px",
        "top": "941.234px",
        "width": "321.798px",
        "height": "321.798px",
        "transform": "rotate(10.8722deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/499f1806-16e2-471a-a0b0-f8be25367870.svg",
        "id": "0-11",
        "left": "893.707px",
        "top": "903.426px",
        "width": "344.227px",
        "height": "282.266px",
        "transform": "rotate(86.6603deg) scale(1, -1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "LOREMIPSUMSITE.CO",
        "id": "0-12",
        "left": "654.872px",
        "top": "93.40090000000001px",
        "width": "383.953px",
        "height": "27.3565px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "23px",
        "fontFamily": "Open Sans--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "32.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Brand",
        "id": "0-13",
        "left": "156.173px",
        "top": "92.80342999999999px",
        "width": "212.934px",
        "height": "25.6267px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "21px",
        "fontFamily": "Open Sans--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "30.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "What You Get?",
        "id": "0-14",
        "left": "89.0672px",
        "top": "179.38666999999998px",
        "width": "901.866px",
        "height": "109.539px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "91px",
        "fontFamily": "DM Serif Display--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "93.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "italic"
      },
      {
        "type": "TEXT",
        "text": "Dress for Mom",
        "id": "0-15",
        "left": "262.64px",
        "top": "865.331px",
        "width": "133.134px",
        "height": "52px",
        "color": "rgb(1, 1, 1)",
        "fontSize": "21px",
        "fontFamily": "Open Sans--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "26.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Dress for Daughter",
        "id": "0-16",
        "left": "470.766px",
        "top": "920px",
        "width": "138.468px",
        "height": "52px",
        "color": "rgb(1, 1, 1)",
        "fontSize": "21px",
        "fontFamily": "Open Sans--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "26.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Discount",
        "id": "0-17",
        "left": "684px",
        "top": "865.331px",
        "width": "138.468px",
        "height": "52px",
        "color": "rgb(1, 1, 1)",
        "fontSize": "21px",
        "fontFamily": "Open Sans--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "26.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(252, 252, 252)",
    "width": "1080px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/0add5fe3-a78d-48c1-9e9c-124a910faad5.svg",
        "id": "0-0",
        "left": "948.511px",
        "top": "154.808px",
        "width": "380.183px",
        "height": "380.183px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ea3eede6-89f9-4c12-a793-96f3127f560f.jpg",
        "id": "0-1-0-0",
        "left": "324.5952px",
        "top": "163.543px",
        "width": "776.68763988px",
        "height": "1165.03145982px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M329.22813,0.0C511.11739176062446,0.0 658.45626,147.33886823937553 658.45626,329.22813L658.45626,713.8511058109281L0.0,713.8511058109281L0.0,329.22813C0.0,147.33886823937553 147.33886823937553,0.0 329.22813,0.0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-2-0-0",
        "left": "125.3888px",
        "top": "500.42500000000007px",
        "width": "201.74378257599997px",
        "height": "71.150848px",
        "transform": "none",
        "background": "rgb(250, 157, 97)",
        "backgroundColor": "rgb(250, 157, 97)",
        "clipPath": "path(\"M0,0L725.8719314890102,0L725.8719314890102,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/74c6d3a4-866e-4379-af3c-355f16889180.svg",
        "id": "0-2-1",
        "left": "89.8134px",
        "top": "500.425px",
        "width": "71.1508px",
        "height": "71.1508px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/936a6434-f063-4c45-9c88-5ff20db0ce80.svg",
        "id": "0-2-2",
        "left": "89.8134px",
        "top": "500.425px",
        "width": "71.1508px",
        "height": "71.1508px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5b7a51c2-5e99-4444-b263-0d7fd1063443.svg",
        "id": "0-3",
        "left": "-153.57px",
        "top": "720.575px",
        "width": "380.183px",
        "height": "380.183px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e418346e-0747-4e1a-9b11-1629e5af6b4a.svg",
        "id": "0-4",
        "left": "-105.206px",
        "top": "866.455px",
        "width": "432px",
        "height": "354.24px",
        "transform": "rotate(90deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/bece5b6a-134b-4267-854f-55fbe4881199.svg",
        "id": "0-5-0",
        "left": "672.33px",
        "top": "76.44390000000017px",
        "width": "349.538px",
        "height": "2.0px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c991ae31-bddf-4ea4-b384-e29d488c2c47.svg",
        "id": "0-5-1",
        "left": "673.39849px",
        "top": "125.8083px",
        "width": "348.469px",
        "height": "2.0px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/8a0d8285-9c06-4d2e-8034-4659cb951302.svg",
        "id": "0-5-2",
        "left": "995.617px",
        "top": "100.62610000000001px",
        "width": "50.3644px",
        "height": "2.0px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9a3640d5-0a20-4f67-9112-39f5c699cb1a.svg",
        "id": "0-5-3",
        "left": "648.7163px",
        "top": "101.12610000000001px",
        "width": "49.3644px",
        "height": "2.0px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/12f19d4b-106d-4d69-ba25-f45152e7e948.svg",
        "id": "0-6",
        "left": "847.738px",
        "top": "315.395px",
        "width": "290.224px",
        "height": "237.984px",
        "transform": "rotate(-78.3946deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/513bedef-c091-4df5-8e91-c312a97d72c2.svg",
        "id": "0-7",
        "left": "502.235px",
        "top": "64.1648px",
        "width": "75.5294px",
        "height": "75.5294px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ac587c68-5f56-4f0f-a068-070faf499108.svg",
        "id": "0-8",
        "left": "214.467px",
        "top": "661.575px",
        "width": "75.5294px",
        "height": "75.5294px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/f089b210-5336-459d-802d-261eb62d1451.svg",
        "id": "0-9",
        "left": "1042.24px",
        "top": "760.839px",
        "width": "75.5294px",
        "height": "75.5294px",
        "transform": "n
```
_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