# gdb-hub / gdb__template-5-s113

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

Target palette:
[
  {
    "role": "background",
    "color": "rgb(113,74,73)"
  },
  {
    "role": "primary",
    "color": "rgb(219,212,194)"
  },
  {
    "role": "secondary",
    "color": "rgb(240,237,233)"
  },
  {
    "role": "accent",
    "color": "rgb(248,252,245)"
  }
]

Siblings (style context):
[
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/23d1a0d1-e583-465c-8368-5beb4677065d.svg",
        "left": "-135.472px",
        "top": "880.049px",
        "width": "1350.94px",
        "height": "253.302px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/463e82b7-cc9d-4256-9df8-729a95fde98f.png",
        "left": "494.197px",
        "top": "557.575px",
        "width": "91.6053px",
        "height": "91.6053px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "GRAY\nCLAY",
        "left": "199.7497px",
        "top": "241.883px",
        "width": "736.741px",
        "height": "268px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "112px",
        "fontFamily": "Montserrat--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "134.0px",
        "letterSpacing": "0.5em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "CLAY PURIFYING MASK\nCLAY MOUSSE MASK",
        "left": "124.97832px",
        "top": "689.4707px",
        "width": "841.989px",
        "height": "99.0294px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "29px",
        "fontFamily": "Montserrat--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "64.0px",
        "letterSpacing": "0.4em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "FAB BEAUTY",
        "left": "167.97704px",
        "top": "127.74448000000001px",
        "width": "756px",
        "height": "35.023px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "29px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.0px",
        "letterSpacing": "0.4em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "SHOP",
        "left": "167.59996px",
        "top": "961.50002px",
        "width": "756px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "27px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0.4em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(249, 251, 252)",
    "width": "1080px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/3fece059-e75f-4d9c-96ab-b25fdd829776.svg",
        "left": "-135.472px",
        "top": "880.049px",
        "width": "1350.94px",
        "height": "253.302px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/460e8414-d801-494c-bea6-9ce7956abe62.png",
        "left": "494.197px",
        "top": "557.575px",
        "width": "91.6053px",
        "height": "91.6053px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "PINK\nCLAY",
        "left": "199.7497px",
        "top": "241.883px",
        "width": "736.741px",
        "height": "268px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "112px",
        "fontFamily": "Montserrat--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "134.0px",
        "letterSpacing": "0.5em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "CLAY PURIFY MASK\nCLAY MOUSSE MASK",
        "left": "124.97832px",
        "top": "689.4707px",
        "width": "841.989px",
        "height": "99.0294px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "29px",
        "fontFamily": "Montserrat--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "64.0px",
        "letterSpacing": "0.4em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "FAB BEAUTY",
        "left": "167.97704px",
        "top": "127.74448000000001px",
        "width": "756px",
        "height": "35.023px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "29px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.0px",
        "letterSpacing": "0.4em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "SHOP",
        "left": "167.59996px",
        "top": "961.50002px",
        "width": "756px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "27px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0.4em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(249, 251, 252)",
    "width": "1080px",
    "height": "1080px",
    "duration": 3
  }
]

DESIGNATED layout to recolor:
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f60de225-56e1-4bcc-b6df-3dc25eaaf76a.svg",
      "left": "-135.472px",
      "top": "880.049px",
      "width": "1350.94px",
      "height": "253.302px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/503884de-d8fa-4d10-9763-5b0e838705c3.png",
      "left": "494.197px",
      "top": "557.575px",
      "width": "91.6053px",
      "height": "91.6053px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "BLK\nCLAY",
      "left": "199.7497px",
      "top": "241.883px",
      "width": "736.741px",
      "height": "268px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "112px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "134.0px",
      "letterSpacing": "0.5em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "CLAY PURIFY MASK\nCLAY MOUSSE MASK",
      "left": "124.97832px",
      "top": "689.4707px",
      "width": "841.989px",
      "height": "99.0294px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "29px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "64.0px",
      "letterSpacing": "0.4em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "FAB BEAUTY",
      "left": "167.97704px",
      "top": "127.74448000000001px",
      "width": "756px",
      "height": "35.023px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "29px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "41.0px",
      "letterSpacing": "0.4em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "SHOP",
      "left": "167.59996px",
      "top": "961.50002px",
      "width": "756px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "27px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0.4em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(249, 251, 252)",
  "width": "1080px",
  "height": "1080px",
  "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