# gdb-hub / gdb__template-5-s68

- 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(244,235,221)": "rgb(158,48,204)",
  "rgb(1,1,1)": "rgb(229,47,67)",
  "rgb(237,146,52)": "rgb(239,183,38)",
  "rgb(217,76,76)": "rgb(240,65,88)",
  "rgb(125,161,160)": "rgb(37,36,41)"
}

Target palette:
[
  {
    "role": "background",
    "color": "rgb(158,48,204)"
  },
  {
    "role": "primary",
    "color": "rgb(229,47,67)"
  },
  {
    "role": "secondary",
    "color": "rgb(239,183,38)"
  },
  {
    "role": "accent",
    "color": "rgb(240,65,88)"
  },
  {
    "role": "accent2",
    "color": "rgb(37,36,41)"
  },
  {
    "role": "accent3",
    "color": "rgb(50,136,208)"
  },
  {
    "role": "accent4",
    "color": "rgb(255,140,55)"
  },
  {
    "role": "accent5",
    "color": "rgb(51,51,51)"
  }
]

Siblings (style context):
[
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4767acde-80b7-45bf-9f57-853a9c0cae6e.svg",
        "left": "540.0px",
        "top": "836.509px",
        "width": "432px",
        "height": "243.491px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/275f64af-7b3f-4de0-b914-aa43afa05350.svg",
        "left": "471.129px",
        "top": "-107.945px",
        "width": "408.436px",
        "height": "432px",
        "transform": "rotate(42.9559deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Tu salud mental cuenta.",
        "left": "108.0px",
        "top": "401.99996px",
        "width": "915.409px",
        "height": "289.182px",
        "transform": "none",
        "color": "rgb(237, 146, 52)",
        "fontSize": "87px",
        "fontFamily": "Raleway--900",
        "fontWeight": "900",
        "textAlign": "left",
        "lineHeight": "92.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "@loremipsum",
        "left": "108.0px",
        "top": "336.70758px",
        "width": "974.385px",
        "height": "62.9092px",
        "transform": "none",
        "color": "rgb(217, 76, 76)",
        "fontSize": "52px",
        "fontFamily": "Raleway--900",
        "fontWeight": "900",
        "textAlign": "left",
        "lineHeight": "55.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Recuerda: si necesitas ayuda, p\u00eddela.",
        "left": "108.0px",
        "top": "588.38635px",
        "width": "689.558px",
        "height": "242.148px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "43px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "63.76543px",
        "letterSpacing": "0.075em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(244, 235, 221)",
    "width": "1080px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/2ad67a7a-d8a5-4701-b853-48cd6cce7a7b.svg",
        "left": "595.192px",
        "top": "557.745px",
        "width": "432px",
        "height": "18.0655px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cc0c7c00-2eb9-4c01-b7d4-668a977b6120.svg",
        "left": "-102.387px",
        "top": "651.556px",
        "width": "524.8px",
        "height": "549.528px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/56813381-6881-45c2-aa4a-53115a5abb66.svg",
        "left": "682.413px",
        "top": "0.0px",
        "width": "432px",
        "height": "359.64px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Siempre busca ayuda.",
        "left": "52.8076px",
        "top": "377.18696px",
        "width": "974.385px",
        "height": "197.182px",
        "transform": "none",
        "color": "rgb(244, 235, 221)",
        "fontSize": "87px",
        "fontFamily": "Raleway--900",
        "fontWeight": "900",
        "textAlign": "right",
        "lineHeight": "92.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "@loremipsum",
        "left": "52.8076px",
        "top": "311.64058px",
        "width": "974.385px",
        "height": "62.9092px",
        "transform": "none",
        "color": "rgb(217, 76, 76)",
        "fontSize": "52px",
        "fontFamily": "Raleway--900",
        "fontWeight": "900",
        "textAlign": "right",
        "lineHeight": "55.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Recuerda que siempre que necesites ayuda, puedes pedirla\n.",
        "left": "340.86262px",
        "top": "595.31676px",
        "width": "689.558px",
        "height": "243.086px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "43px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlign": "right",
        "lineHeight": "64.0px",
        "letterSpacing": "0.075em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(237, 146, 52)",
    "width": "1080px",
    "height": "1080px",
    "duration": 3
  }
]

DESIGNATED layout to recolor:
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b368d510-254c-480d-b0b0-b28e52d8681a.svg",
      "left": "773.94px",
      "top": "256.764px",
      "width": "80.8616px",
      "height": "296.493px",
      "transform": "rotate(-99.3543deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9adfb43c-6a1d-4edb-b10c-4f2c36da7fd8.svg",
      "left": "347.089px",
      "top": "573.792px",
      "width": "432px",
      "height": "205.789px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9251f6ad-f746-40b0-92de-bae63bd3569b.svg",
      "left": "55.9648px",
      "top": "54.9445px",
      "width": "162.345px",
      "height": "169.773px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Tu prioridad.",
      "left": "52.8076px",
      "top": "307.00996px",
      "width": "974.385px",
      "height": "197.182px",
      "transform": "none",
      "color": "rgb(244, 235, 221)",
      "fontSize": "87px",
      "fontFamily": "Raleway--900",
      "fontWeight": "900",
      "textAlign": "center",
      "lineHeight": "92.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@loremipsum",
      "left": "52.8076px",
      "top": "944.4995799999999px",
      "width": "974.385px",
      "height": "62.9092px",
      "transform": "none",
      "color": "rgb(244, 235, 221)",
      "fontSize": "52px",
      "fontFamily": "Raleway--900",
      "fontWeight": "900",
      "textAlign": "center",
      "lineHeight": "55.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Si necesitas ayuda, p\u00eddela.",
      "left": "219.92431px",
      "top": "491.14376px",
      "width": "689.558px",
      "height": "243.086px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "43px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "64.0px",
      "letterSpacing": "0.075em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(125, 161, 160)",
  "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