# gdb-hub / gdb__template-5-s59

- 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`
- `/workspace/inputs/input_3.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(153,82,53)",
  "rgb(252,252,252)": "rgb(214,146,127)"
}

Target palette:
[
  {
    "role": "background",
    "color": "rgb(153,82,53)"
  },
  {
    "role": "primary",
    "color": "rgb(214,146,127)"
  },
  {
    "role": "secondary",
    "color": "rgb(250,244,232)"
  },
  {
    "role": "accent",
    "color": "rgb(252,250,247)"
  },
  {
    "role": "accent2",
    "color": "rgb(148,78,49)"
  }
]

Siblings (style context):
[
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/bfbde84a-f3cd-484e-8037-08459a794491.jpg",
        "id": "0-0-0",
        "left": "-100.0px",
        "top": "0.0px",
        "width": "1280.0px",
        "height": "1920.0px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "visible"
      },
      {
        "type": "GROUP",
        "id": "0-1-0",
        "left": "98.7996px",
        "top": "108.0px",
        "width": "873.20064px",
        "height": "1703.99988486px",
        "transform": "none",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M0,0L256,0L256,499.56914269065095L0,499.56914269065095Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/8f8856a8-92b3-4d69-8696-9a3eb6c15692.svg",
        "id": "0-1-1",
        "left": "98.7996px",
        "top": "108.0px",
        "width": "873.2px",
        "height": "1704.0px"
      },
      {
        "type": "TEXT",
        "text": "arrivals",
        "id": "0-2",
        "left": "369.32733px",
        "top": "1352.2233px",
        "width": "337.752px",
        "height": "150.525px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "73px",
        "fontFamily": "Archivo Black--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "64.0px",
        "letterSpacing": "-0.049em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "COLECCI\u00d3N PV",
        "id": "0-3",
        "left": "330.02434px",
        "top": "1532.330001px",
        "width": "427.498px",
        "height": "61.9765px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "26px",
        "fontFamily": "Poppins--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "31.0px",
        "letterSpacing": "0.283em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "@LOREMIPSUM",
        "id": "0-4",
        "left": "360.13475px",
        "top": "1710.89325px",
        "width": "368.033px",
        "height": "34.4359px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "29px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "44.0px",
        "letterSpacing": "0.283em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ccd9f803-c965-4947-8602-3f24cae4ec80.svg",
        "id": "0-5",
        "left": "289.415px",
        "top": "1654.08px",
        "width": "501.17px",
        "height": "3px"
      }
    ],
    "background": "rgb(1, 1, 1)",
    "width": "1080px",
    "height": "1920px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/02e1abfa-3897-4829-abeb-657885618685.jpg",
        "id": "0-0-0",
        "left": "-100.0px",
        "top": "0.0px",
        "width": "1280.0px",
        "height": "1920.0px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "visible"
      },
      {
        "type": "GROUP",
        "id": "0-1-0",
        "left": "98.7996px",
        "top": "108.0px",
        "width": "873.20064px",
        "height": "1703.99988486px",
        "transform": "none",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M0,0L256,0L256,499.56914269065095L0,499.56914269065095Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7e007ba6-9721-4775-8896-24af443cb8ae.svg",
        "id": "0-1-1",
        "left": "98.7996px",
        "top": "108.0px",
        "width": "873.2px",
        "height": "1704.0px"
      },
      {
        "type": "TEXT",
        "text": "COLECCI\u00d3N PV",
        "id": "0-2",
        "left": "330.02434px",
        "top": "1532.330001px",
        "width": "427.498px",
        "height": "61.9765px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "26px",
        "fontFamily": "Poppins--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "31.0px",
        "letterSpacing": "0.283em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7a0f1273-84ad-42b0-b4bc-13613e2c73d8.svg",
        "id": "0-3",
        "left": "289.415px",
        "top": "1654.08px",
        "width": "501.17px",
        "height": "3px"
      }
    ],
    "background": "rgb(1, 1, 1)",
    "width": "1080px",
    "height": "1920px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/6dbcaca8-be35-45b6-9a9d-546761f9e9bd.jpg",
        "width": "1080.0px",
        "height": "1920.0px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "visible"
      },
      {
        "type": "GROUP",
        "left": "98.7996px",
        "top": "108.0px",
        "width": "873.20064px",
        "height": "1703.99988486px",
        "transform": "none",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M0,0L256,0L256,499.56914269065095L0,499.56914269065095Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7642d52c-44bc-49ff-bf9a-3e5335446099.svg",
        "left": "98.7996px",
        "top": "108.0px",
        "width": "873.2px",
        "height": "1704.0px"
      },
      {
        "type": "TEXT",
        "text": "new\narrivals",
        "left": "369.32733px",
        "top": "1572.6733000000002px",
        "width": "337.752px",
        "height": "150.525px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "73px",
        "fontFamily": "Archivo Black--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "64.0px",
        "letterSpacing": "-0.049em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(1, 1, 1)",
    "width": "1080px",
    "height": "1920px",
    "duration": 3
  }
]

DESIGNATED layout to recolor:
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e61d97b4-feec-4ef6-a209-ee53b13d0a47.jpg",
      "left": "-100.8px",
      "top": "0.0px",
      "width": "1281.6px",
      "height": "1920.0px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "GROUP",
      "left": "98.7996px",
      "top": "108.0px",
      "width": "873.20064px",
      "height": "1703.99988486px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0,0L256,0L256,499.56914269065095L0,499.56914269065095Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7bc6522b-5373-4ee8-b6c8-7d160428ee53.svg",
      "left": "98.7996px",
      "top": "108.0px",
      "width": "873.2px",
      "height": "1704.0px"
    },
    {
      "type": "TEXT",
      "text": "@LOREMIPSUM",
      "left": "360.13475px",
      "top": "1650.45325px",
      "width": "368.033px",
      "height": "34.4359px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "29px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "44.0px",
      "letterSpacing": "0.283em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1080px",
  "height": "1920px",
  "duration": 3
}

## Output

Write your answer to `/workspace/answer.json`.
Write ONLY the answer — no explanation, no markdown fences, no extra text.
```
---
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