# gdb-hub / gdb__template-5-s118

- 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(248,221,43)"
  },
  {
    "role": "primary",
    "color": "rgb(239,89,67)"
  },
  {
    "role": "secondary",
    "color": "rgb(27,73,148)"
  },
  {
    "role": "accent",
    "color": "rgb(245,174,188)"
  }
]

Siblings (style context):
[
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/background_image_4b9b1d8c-6404-45e6-b717-acf952e80ca8.png",
        "left": "-1655.2px",
        "top": "0.0px",
        "width": "2735.2px",
        "height": "1408.63px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "visible"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b4e15af5-90f7-45dc-b60c-e83c42da0f74.png",
        "left": "355.947px",
        "top": "-66.789px",
        "width": "749.578px",
        "height": "749.578px",
        "transform": "scale(-1, 1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ddb7b5de-665d-49aa-a97c-bd21ec54875e.png",
        "left": "-439.056px",
        "top": "-44.8124px",
        "width": "912.403px",
        "height": "138.656px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a1c9046a-fef3-4078-9544-c792eeeeb76d.png",
        "left": "-130.714px",
        "top": "-64.2611px",
        "width": "458.774px",
        "height": "490.743px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/3e16b077-1f28-4cbf-99b2-d440056b6ebe.png",
        "id": "0-0",
        "left": "182.8784px",
        "top": "161.4567px",
        "width": "412.002px",
        "height": "613.784px",
        "transform": "rotate(-4.05588deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/82f16e44-52d0-433f-ba91-e7852e7f1bdb.jpg",
        "id": "0-1-0-0",
        "left": "32.21149999999997px",
        "top": "179.69740000000002px",
        "width": "870.18606906px",
        "height": "579.76208906px",
        "transform": "rotate(-4.19342deg) rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M0.0,0.0L366.24896,0.0L366.24896,579.7617192865407L0.0,579.7617192865407Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7e75212a-1a69-4d93-92e1-bc013dae298e.png",
        "id": "0-0",
        "left": "549.7403999999999px",
        "top": "313.7507px",
        "width": "412.002px",
        "height": "613.784px",
        "transform": "rotate(16.185deg) rotate(-4.05588deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b52356ed-a7cf-4219-b669-235d9f198668.jpg",
        "id": "0-1-0-0",
        "left": "845.3544999999999px",
        "top": "534.6114px",
        "width": "773.0156418600001px",
        "height": "579.76208906px",
        "transform": "rotate(16.185deg) rotate(-4.19342deg) rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M0.0,0.0L366.24896,0.0L366.24896,579.7617192865407L0.0,579.7617192865407Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/caac8f65-1c95-4628-ae61-84373e15b882.png",
        "left": "710.806px",
        "top": "-38.1559px",
        "width": "375.115px",
        "height": "263.998px",
        "transform": "rotate(4.75633deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b021424c-c13d-469e-9d21-c97b43c61de6.png",
        "left": "-432.3px",
        "top": "468.348px",
        "width": "661.722px",
        "height": "266.566px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e0247918-901d-419b-a8b2-f07af95f5336.png",
        "left": "-130.714px",
        "top": "776.78px",
        "width": "1026.02px",
        "height": "370.009px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ea1daf23-7f17-40fb-bc37-5866c59f6f99.png",
        "left": "6.12364px",
        "top": "782.608px",
        "width": "180.391px",
        "height": "292.669px",
        "transform": "rotate(-1.80202deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/f3a90db0-38bf-463a-8269-2916777e7eb4.png",
        "left": "106.873px",
        "top": "814.33px",
        "width": "245.097px",
        "height": "256.768px",
        "transform": "rotate(-1.80202deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4945758a-dfa8-474a-8d30-5ac3c7bdeb3f.png",
        "left": "917.817px",
        "top": "227.165px",
        "width": "252.934px",
        "height": "533.455px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/48011dd2-df95-4835-8d0f-9e961abac303.png",
        "left": "729.133px",
        "top": "751.123px",
        "width": "483.038px",
        "height": "317.285px",
        "transform": "rotate(-11.999deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "VIBES",
        "left": "296.658px",
        "top": "750.908px",
        "width": "260.689px",
        "height": "51.9085px",
        "transform": "rotate(6.01132deg)",
        "color": "rgb(252, 252, 252)",
        "fontSize": "43px",
        "fontFamily": "Special Elite--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "60.56007999999999px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4da295a1-645a-419d-833f-9f39359fffc0.png",
        "left": "457.474px",
        "top": "810.54px",
        "width": "82.5263px",
        "height": "76.44px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c9f6b6d7-6f11-4899-88db-2bc0b53cfaeb.png",
        "left": "505.421px",
        "top": "88.2117px",
        "width": "107.854px",
        "height": "109.358px",
        "transform": "rotate(-7.51058deg)",
        "opacity": 1,
        "overflow": "hidden"
      }
    ],
    "background": "rgb(1, 1, 1)",
    "width": "1080px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/background_image_26c27346-34b6-4d90-840b-19f62ebfb72e.png",
        "width": "2521.15px",
        "height": "1298.39px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "visible"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a2c05538-d987-4799-a233-f7c29a8b585a.png",
        "left": "-124.525px",
        "top": "43.0452px",
        "width": "952.104px",
        "height": "770.014px",
        "transform": "rotate(91.058deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d6c31aa8-a3c5-4baa-8523-460a039f60c6.png",
        "id": "0-0",
        "left": "508.346px",
        "top": "63.84349999999999px",
        "width": "412.164px",
        "height": "614.025px",
        "transform": "rotate(-2.55258deg) rotate(89.7971deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b70937ce-eba9-4631-bcd1-1a19afe4da21.jpg",
        "id": "0-1-0-0",
        "left": "423.4317px",
        "top": "180.93354px",
        "width": "582.327198px",
        "height": "387.97570559999997px",
        "transform": "rotate(-2.55258deg) rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M0.0,0.0L582.3264776757728,0.0L582.3264776757728,373.8624L0.0,373.8624Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5c3c973e-9d35-4316-b0dd-ac4f3a0e84f7.png",
        "left": "232.404px",
        "top": "917.521px",
        "width": "1353.27px",
        "height": "296.873px",
        "transform": "rotate(6.55482deg) scale(-1, 1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/6dd66d2d-041b-4eb5-8759-26575c64616a.png",
        "left": "-128.711px",
        "top": "181.911px",
        "width": "592.234px",
        "height": "399.009px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7c22e847-5029-4860-a0f1-3dc5765df9e9.png",
        "left": "-20.9714px",
        "top": "665.553px",
        "width": "335.997px",
        "height": "446.373px",
        "transform": "rotate(11.8061deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b7ffc6c7-c795-44ec-b853-6f227b87e314.png",
        "id": "0-0",
        "left": "369.392px",
        "top": "500.9412px",
        "width": "516.798px",
        "height": "769.904px",
        "transform": "rotate(94.9671deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/bf2a854d-dd98-4ae2-8f8a-100412508fee.jpg",
        "id": "0-1-0-0",
        "left": "262.7125px",
        "top": "648.99234px",
        "width": "730.1579193px",
        "height": "486.46797696px",
        "transform": "rotate(4.88931deg) rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M0.0,0.0L730.1570161128559,0.0L730.1570161128559,468.77184L0.0,468.77184Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a90706f5-a233-49e7-9cb2-dad447fac3e0.png",
        "left": "755.512px",
        "top": "869.991px",
        "width": "527.406px",
        "height": "208.48px",
        "transform": "rotate(11.8462deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/fcd41a05-9b23-43b4-a46d-d67f689bebe0.png",
        "left": "74.914px",
        "top": "66.0677px",
        "width": "221.837px",
        "height": "216.19px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/087d925b-eff0-4f25-90a8-b60887470235.png",
        "left": "276.464px",
        "top": "73.487px",
        "width": "148.053px",
        "height": "191.118px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/be0459e0-528d-4d6f-a911-ce38125ac9db.png",
        "left": "397.569px",
        "top": "57.2775px",
        "width": "205.791px",
        "height": "223.537px",
        "transform": "rotate(7.73903deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/03470c9b-cf9a-40b7-82e3-9362c91d94f9.png",
        "left": "583.794px",
        "top": "55.957px",
        "width": "194.173px",
        "height": "236.412px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/942fa727-aa9c-406d-a78a-6ebd4627bcd9.png",
        "left": "817.034px",
        "top": "603.312px",
        "width": "450.329px",
        "height": "285.428px",
        "transform": "rotate(-5.90075deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d5b34c97-f2a7-42f1-a067-ec0f8ba75017.png",
        "left": "199.757px",
        "top": "587.176px",
        "width": "70.7906px",
        "height": "97.4512px",
        "transform": "rotate(31.7799deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e11a25af-38d2-43e3-a0b8-0d39457d9a3c.png",
        "left": "936.967px",
        "top": "105.078px",
        "width": "92.9087px",
        "height": "88.8439px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "GO!",
        "left": "465.578px",
        "top": "589.409px",
        "width": "241.234px",
        "height": "51.9085px",
        "transform": "rotate(6.01132deg)",
        "color": "rgb(252, 252, 252)",
        "fontSize": "43px",
        "fontFamily": "Special Elite--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "60.56007999999999px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(1, 1, 1)",
    "width": "1080px",
    "height": "1080px",
    "duration": 3
  }
]

DESIGNATED layout to recolor:
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/background_image_3da5ed38-62ea-4a21-be3c-92040b45e150.png",
      "left": "-859.37px",
      "top": "0.0px",
      "width": "2864.53px",
      "height": "1475.23px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4b5e1817-4874-4125-adb9-3b553e21ac16.png",
      "left": "-891.414px",
      "top": "907.253px",
      "width": "1418.97px",
      "height": "311.287px",
      "transform": "rotate(6.55482deg) scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/935f3297-a6b2-4994-8322-d0266e8b388f.png",
      "left": "581.125px",
      "top": "-68.548px",
      "width": "959.622px",
      "height": "145.831px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/db6fcdb6-091b-4661-9a29-1a7675103d7d.png",
      "id": "0-0",
      "left": "492.322px",
      "top": "-58.29730000000001px",
```
_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