# gdb-hub / gdb__template-5-s85

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

## 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(252,252,252)": "rgb(252,252,252)",
  "rgb(1,1,1)": "rgb(226,224,219)",
  "rgb(45,45,47)": "rgb(2,58,40)"
}

Target palette:
[
  {
    "role": "background",
    "color": "rgb(252,252,252)"
  },
  {
    "role": "primary",
    "color": "rgb(226,224,219)"
  },
  {
    "role": "secondary",
    "color": "rgb(2,58,40)"
  }
]

Siblings (style context):
[
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/6c135a12-1180-437c-818c-c21507e2ce2b.png",
        "id": "0-0",
        "left": "488.467px",
        "top": "-303.493px",
        "width": "871.9820000000001px",
        "height": "1704.86px",
        "transform": "rotate(90deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9d18a5af-f427-462e-ac76-471b5961c22e.png",
        "left": "-34.3864px",
        "top": "747.453px",
        "width": "153.626px",
        "height": "552.25px",
        "transform": "rotate(-145.058deg) scale(-1, -1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Engage students' spatial thinking and map skills with any icon on Pear Deck Draggable\u2122 Slide. Pin locations on a map for Geography assessment.",
        "left": "256.968px",
        "top": "267.34033px",
        "width": "1410.38px",
        "height": "68.6667px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "26px",
        "fontFamily": "Roboto--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "37.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ed97d691-579c-4091-a4f6-30ce4ce2e0c1.svg",
        "left": "927.716px",
        "top": "784.957px",
        "width": "171.156px",
        "height": "131.041px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/eaf39968-c644-4e9c-99a8-10a8b11338df.svg",
        "left": "174.145px",
        "top": "368.311px",
        "width": "401.26px",
        "height": "401.26px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/27f99ad0-5b68-48aa-95ff-63ac6ebdc98b.svg",
        "left": "393.669px",
        "top": "752.219px",
        "width": "124.57px",
        "height": "203.91px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/3eb78a1f-f17d-46ca-a5a4-42348225747f.png",
        "left": "705.472px",
        "top": "398.535px",
        "width": "424.897px",
        "height": "406.356px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7c0325a7-e0b5-46ab-8246-578d95bf43df.svg",
        "left": "575.405px",
        "top": "410.742px",
        "width": "242.478px",
        "height": "272.169px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c530dc26-5e9a-42ff-b197-a9984139fe2a.svg",
        "left": "593.319px",
        "top": "674.712px",
        "width": "177.452px",
        "height": "198.371px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/774bb081-7644-4196-8d8e-09dc4baf3eb4.png",
        "id": "0-0",
        "left": "113.831px",
        "top": "-12.9832px",
        "width": "120.628px",
        "height": "241.966px",
        "transform": "rotate(177.203deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/6952bde3-151e-46df-9860-65847ba557e7.png",
        "left": "1591.94px",
        "top": "428.864px",
        "width": "139.428px",
        "height": "946.733px",
        "transform": "rotate(50.7847deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b50500fe-1297-4f24-a0d4-62db8f954a86.svg",
        "id": "0-0-0",
        "left": "614.0389px",
        "top": "222.0977px",
        "width": "594.6469999999999px",
        "height": "37.68319999999997px",
        "transform": "rotate(-1.97316deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden",
        "clipPath": "path(\"M189,0C84.61818228198005,0 0,84.61818228198004 0,189C0,293.38181771801993 84.61818228198001,378 189,378C293.38181771801993,378 378,293.38181771801993 378,189C378,84.61818228198005 293.38181771801993,0 189,0Z\")"
      },
      {
        "type": "TEXT",
        "text": "Enjoy maps",
        "id": "0-1",
        "left": "563.014px",
        "top": "128.34109999999998px",
        "width": "722.888px",
        "height": "73.0326px",
        "transform": "none",
        "color": "rgb(45, 45, 47)",
        "fontSize": "61px",
        "fontFamily": "Homemade Apple--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "85.299332px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Pick a country to visit. What continent is it in? Drop the icon on the map.",
        "left": "1204.32px",
        "top": "516.70133px",
        "width": "474.125px",
        "height": "185.067px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "34px",
        "fontFamily": "Roboto--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "48.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "GROUP",
        "id": "0-0-0",
        "left": "1820.4px",
        "top": "20.00000000000003px",
        "width": "377.95275px",
        "height": "377.95275px",
        "transform": "none",
        "background": "rgb(64, 148, 178)",
        "backgroundColor": "rgb(64, 148, 178)",
        "clipPath": "path(\"M189,0C84.61818228198005,0 0,84.61818228198004 0,189C0,293.38181771801993 84.61818228198001,378 189,378C293.38181771801993,378 378,293.38181771801993 378,189C378,84.61818228198005 293.38181771801993,0 189,0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-1-0",
        "left": "1968.431px",
        "top": "171.563px",
        "width": "78.872064px",
        "height": "78.872064px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M128,0C57.307552021658445,0 0,57.30755202165843 0,128C0,198.69244797834153 57.30755202165842,256 128,256C198.69244797834148,256 256,198.69244797834153 256,128C256,57.307552021658445 198.69244797834153,0 128,0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-2-0",
        "left": "1981.756px",
        "top": "234.527px",
        "width": "52.222526677999994px",
        "height": "52.138999999999996px",
        "transform": "rotate(-45deg)",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M500.80128205128204,500L0,500L0,0L500.80128205128204,500Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-3-0",
        "left": "1981.756px",
        "top": "135.332px",
        "width": "52.222526677999994px",
        "height": "52.138999999999996px",
        "transform": "rotate(135deg)",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M500.80128205128204,500L0,500L0,0L500.80128205128204,500Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-4-0",
        "left": "1932.912px",
        "top": "184.93px",
        "width": "52.222526677999994px",
        "height": "52.138999999999996px",
        "transform": "rotate(45deg)",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M500.80128205128204,500L0,500L0,0L500.80128205128204,500Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-5-0",
        "left": "2032.106px",
        "top": "184.93px",
        "width": "52.222526677999994px",
        "height": "52.138999999999996px",
        "transform": "rotate(-135deg)",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M500.80128205128204,500L0,500L0,0L500.80128205128204,500Z\")"
      }
    ],
    "background": "rgb(250, 216, 203)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/aa74b918-278b-46ea-a146-f9eeb253d5e6.png",
        "id": "0-0",
        "left": "-60.6881px",
        "top": "980.28px",
        "width": "2004.82px",
        "height": "162.615px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1aa26b2e-1b32-4df3-a6b9-99cee87b8390.png",
        "left": "81.6616px",
        "top": "245.998px",
        "width": "906.104px",
        "height": "734.282px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/bbe0a3f3-8a28-4aa9-9427-b1aac190f5fb.jpg",
        "id": "0-0",
        "left": "128.621px",
        "top": "288.911px",
        "width": "820.047px",
        "height": "449.305px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/504b63d4-db90-4a52-82af-167f0ada0762.png",
        "left": "1096.04px",
        "top": "-350.053px",
        "width": "569.494px",
        "height": "559.139px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Take students on virtual field trips with the web slide. Add a link to a museum site with educational content. The site appears on the slide; students browse without leaving the deck.",
        "id": "0-0",
        "left": "1019.79px",
        "top": "568.33933px",
        "width": "818.552px",
        "height": "142.667px",
        "transform": "none",
        "color": "rgb(45, 45, 47)",
        "fontSize": "26px",
        "fontFamily": "Roboto--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "37.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/26c2f585-86e7-4456-8441-1fdb0e705c8c.svg",
        "id": "0-1-0",
        "left": "1131.742px",
        "top": "512.4069999999999px",
        "width": "594.6470000000002px",
        "height": "37.68319999999994px",
        "transform": "rotate(-1.97316deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Let's Go on a Virtual Trip",
        "id": "0-2",
        "left": "1019.79px",
        "top": "333.3511px",
        "width": "818.552px",
        "height": "158.332px",
        "transform": "none",
        "color": "rgb(45, 45, 47)",
        "fontSize": "61px",
        "fontFamily": "Homemade Apple--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "85.299332px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "GROUP",
        "id": "0-0-0",
        "left": "1820.4px",
        "top": "19.984300000000008px",
        "width": "79.599872px",
        "height": "79.599872px",
        "transform": "none",
        "background": "rgb(64, 148, 178)",
        "backgroundColor": "rgb(64, 148, 178)",
        "clipPath": "path(\"M128,0C57.30755202165845,0 0,57.307552021658445 0,128C0,198.69244797834153 57.30755202165843,256 128,256C198.6924479783415,256 256,198.69244797834153 256,128C256,57.30755202165845 198.69244797834153,0 128,0Z\")"
      },
      {
        "type": "TEXT",
        "text": "www",
        "id": "0-1",
        "left": "1822.0681600000003px",
        "top": "31.38px",
        "width": "69.997px",
        "height": "31.5772px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "26px",
        "fontFamily": "Varela Round--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "36.8564px",
        "letterSpacing": "-0.05em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(251, 247, 219)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "TEXT",
        "text": "What did you learn? Summarize in one word, then 'so what?'",
        "left": "841.415px",
        "top": "636.4003299999999px",
        "width": "884.561px",
        "height": "89.0667px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "34px",
        "fontFamily": "Roboto--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "48.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d1f1e152-98c3-462c-a226-3520740a5c95.png",
        "left": "52.7988px",
        "top": "147.722px",
        "width": "626.537px",
        "height": "784.956px",
        "transform": "rotate(22.8803deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5069099e-365d-4155-8979-61bab566b2bc.png",
        "left": "468.579px",
        "top": "203.926px",
        "width": "324.744px",
        "height": "308.212px",
        "transform": "rotate(28.5193deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/2683e5de-ce86-470b-9758-1194d085044d.png",
        "left": "1673.1px",
        "top": "719.037px",
        "width": "297.959px",
        "height": "721.926px",
        "transform": "rotate(122.753deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4cb6a9f4-fd03-4a14-9fde-6d1e7efb3878.png",
        "left": "1575.43px",
        "top": "-345.835px",
        "width": "139.428px",
        "height": "
```
_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