# gdb-hub / gdb__template-5-s90

- 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`
- `/workspace/inputs/input_4.png`
- `/workspace/inputs/input_5.png`
- `/workspace/inputs/input_6.png`
- `/workspace/inputs/input_7.png`
- `/workspace/inputs/input_8.png`
- `/workspace/inputs/input_9.png`
- `/workspace/inputs/input_10.png`
- `/workspace/inputs/input_11.png`
- `/workspace/inputs/input_12.png`
- `/workspace/inputs/input_13.png`
- `/workspace/inputs/input_14.png`
- `/workspace/inputs/input_15.png`
- `/workspace/inputs/input_16.png`
- `/workspace/inputs/input_17.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(14,101,101)": "rgb(247,99,61)",
  "rgb(252,252,252)": "rgb(0,83,62)",
  "rgb(242,101,43)": "rgb(63,63,63)",
  "rgb(193,197,197)": "rgb(212,207,194)",
  "rgb(248,252,244)": "rgb(195,188,169)",
  "rgb(226,228,227)": "rgb(163,93,63)",
  "rgb(189,207,207)": "rgb(255,255,255)"
}

Target palette:
[
  {
    "role": "background",
    "color": "rgb(247,99,61)"
  },
  {
    "role": "primary",
    "color": "rgb(0,83,62)"
  },
  {
    "role": "secondary",
    "color": "rgb(63,63,63)"
  },
  {
    "role": "accent",
    "color": "rgb(212,207,194)"
  },
  {
    "role": "accent2",
    "color": "rgb(195,188,169)"
  },
  {
    "role": "accent3",
    "color": "rgb(163,93,63)"
  },
  {
    "role": "accent4",
    "color": "rgb(255,255,255)"
  },
  {
    "role": "accent5",
    "color": "rgb(235,80,84)"
  },
  {
    "role": "color_8",
    "color": "rgb(236,235,224)"
  },
  {
    "role": "color_9",
    "color": "rgb(255,86,44)"
  },
  {
    "role": "color_10",
    "color": "rgb(146,218,255)"
  },
  {
    "role": "color_11",
    "color": "rgb(255,248,86)"
  },
  {
    "role": "color_12",
    "color": "rgb(0,0,0)"
  },
  {
    "role": "color_13",
    "color": "rgb(242,242,242)"
  },
  {
    "role": "color_14",
    "color": "rgb(89,89,89)"
  }
]

Siblings (style context):
[
  {
    "components": [
      {
        "type": "GROUP",
        "left": "1082.5px",
        "top": "711.391px",
        "width": "837.5018823600001px",
        "height": "368.60928px",
        "transform": "none",
        "background": "rgb(193, 197, 197)",
        "backgroundColor": "rgb(193, 197, 197)",
        "clipPath": "path(\"M0,0L581.6467036116509,0L581.6467036116509,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/8b4a5b48-6748-4b31-beed-744e5a205016.jpg",
        "id": "0-0",
        "left": "1082.5px",
        "top": "711.391px",
        "width": "837.5px",
        "height": "368.60900000000004px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e31b7793-11b9-498d-bce8-6ca62642fa12.png",
        "left": "-146.489px",
        "top": "-48.3945px",
        "width": "687.979px",
        "height": "620.901px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Fund",
        "left": "100.0px",
        "top": "214.28799999999998px",
        "width": "442.5px",
        "height": "115.2px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "96px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "96.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Pretium Neque",
        "left": "100px",
        "top": "100px",
        "width": "392.5px",
        "height": "25px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "21px",
        "fontFamily": "Raleway--500",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "25.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Digital Mktg Opt.",
        "left": "1480.63px",
        "top": "100px",
        "width": "339.367px",
        "height": "25px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "21px",
        "fontFamily": "Raleway--500",
        "fontWeight": "500",
        "textAlign": "right",
        "lineHeight": "25.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "$500K",
        "left": "100px",
        "top": "796px",
        "width": "885px",
        "height": "176.007px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "147px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "176.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "TOTAL FUND",
        "left": "108px",
        "top": "740.297px",
        "width": "602.099px",
        "height": "32.5138px",
        "color": "rgb(242, 101, 43)",
        "fontSize": "27px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "32.51388px",
        "letterSpacing": "0.02em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "DETAILS",
        "left": "1094.26px",
        "top": "204.688px",
        "width": "285.97px",
        "height": "33px",
        "color": "rgb(242, 101, 43)",
        "fontSize": "27px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "33.0px",
        "letterSpacing": "0.02em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Product Dev.",
        "left": "1082.5px",
        "top": "279.43198px",
        "width": "359.942px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "28px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "39.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "$200K",
        "left": "1082.5px",
        "top": "330.732px",
        "width": "345px",
        "height": "89px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "74px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "89.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Mktg & Sales",
        "left": "1082.5px",
        "top": "476.70698px",
        "width": "359.942px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "28px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "39.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "$175K",
        "left": "1082.5px",
        "top": "528.007px",
        "width": "359.942px",
        "height": "89px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "74px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "89.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Ops",
        "left": "1527.13px",
        "top": "279.43198px",
        "width": "245px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "28px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "39.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "$75K",
        "left": "1527.13px",
        "top": "330.732px",
        "width": "317.484px",
        "height": "89px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "74px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "89.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Misc.",
        "left": "1527.13px",
        "top": "476.70698px",
        "width": "245px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "28px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "39.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "$50K",
        "left": "1531.38px",
        "top": "528.007px",
        "width": "331.982px",
        "height": "89px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "74px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "89.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(226, 228, 227)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/68fb77c6-07bf-4646-8b9a-05178e52fbe7.png",
        "left": "133.026px",
        "top": "839.217px",
        "width": "78.3601px",
        "height": "78.3601px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Future Benefits",
        "left": "100.0px",
        "top": "206.6px",
        "width": "687.5px",
        "height": "211.2px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "96px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "96.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Pretium Neque",
        "left": "100px",
        "top": "100px",
        "width": "392.5px",
        "height": "25px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "21px",
        "fontFamily": "Raleway--500",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "25.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Digital Marketing Optimize",
        "left": "1480.63px",
        "top": "100px",
        "width": "339.367px",
        "height": "25px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "21px",
        "fontFamily": "Raleway--500",
        "fontWeight": "500",
        "textAlign": "right",
        "lineHeight": "25.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "REAL BENEFITS",
        "left": "700px",
        "top": "221.175px",
        "width": "392.5px",
        "height": "33px",
        "color": "rgb(242, 101, 43)",
        "fontSize": "27px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "33.0px",
        "letterSpacing": "0.02em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "More sales",
        "left": "690px",
        "top": "302.276px",
        "width": "540px",
        "height": "44px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "37px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "44.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore.",
        "left": "690.0px",
        "top": "375.09997px",
        "width": "540px",
        "height": "94.1999px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "24px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "33.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "More sales",
        "left": "1280px",
        "top": "302.276px",
        "width": "540px",
        "height": "44px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "37px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "44.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore.",
        "left": "1280.0px",
        "top": "375.09997px",
        "width": "540px",
        "height": "94.1999px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "24px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "33.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "SOFT BENEFITS",
        "left": "700px",
        "top": "616.276px",
        "width": "392.5px",
        "height": "33px",
        "color": "rgb(242, 101, 43)",
        "fontSize": "27px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "33.0px",
        "letterSpacing": "0.02em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Better brand recognition",
        "left": "690px",
        "top": "697.378px",
        "width": "540px",
        "height": "44px",
        "color": "rgb(14, 101, 101)",
        "fontSize": "37px",
        "fontFamily": "Raleway--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "44.0px",
        "letterSpacing": "0.02em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore.",
        "left": "690.0px",
        "top": "820.97797px",
        "width": "540px",
        "height": "94.1999px",
        "transform": "none",
        "color": "rgb(14, 101, 101)",
        "fontSize": "24px",
        "fontFamily": "Raleway--400",
        "fontWeight": "400",
        "textAlig
```
_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