# gdb-hub / gdb__template-4-s96

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

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

## Task

You are a design system assistant. Given several example layouts from the same template as style context, and one skeleton layout with structural data but missing visual styles, complete the skeleton by filling in the missing style properties (fontFamily, fontSize, color, backgroundColor, opacity, textAlign) to match the template's style. Return ONLY a valid JSON layout object.

Style context (sibling layouts):
[
  {
    "components": [
      {
        "type": "GROUP",
        "left": "109.333px",
        "top": "511.122px",
        "width": "290.544461494px",
        "height": "93.388288px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L796.4528944345878,0L796.4528944345878,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/72f93004-bac1-41b9-96fa-0d9eee778741.svg",
        "left": "109.333px",
        "top": "511.122px",
        "width": "290.544px",
        "height": "93.3883px"
      },
      {
        "type": "GROUP",
        "left": "109.333px",
        "top": "249.532px",
        "width": "290.54458272px",
        "height": "268.61568px",
        "transform": "none",
        "background": "rgb(44, 125, 194)",
        "backgroundColor": "rgb(44, 125, 194)",
        "clipPath": "path(\"M0,0L276.89915029307434,0L276.89915029307434,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/359bbfd8-f794-4f0e-a223-ddd36c120c30.svg",
        "left": "109.333px",
        "top": "249.532px",
        "width": "290.544px",
        "height": "268.615px"
      },
      {
        "type": "GROUP",
        "left": "416.122px",
        "top": "511.122px",
        "width": "290.544461494px",
        "height": "93.388288px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L796.4528944345878,0L796.4528944345878,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/49d066b0-21fb-48b7-9d7e-b9a1b2d7f474.svg",
        "left": "416.122px",
        "top": "511.122px",
        "width": "290.544px",
        "height": "93.3883px"
      },
      {
        "type": "GROUP",
        "left": "416.122px",
        "top": "249.532px",
        "width": "290.54458272px",
        "height": "268.61568px",
        "transform": "none",
        "background": "rgb(44, 125, 194)",
        "backgroundColor": "rgb(44, 125, 194)",
        "clipPath": "path(\"M0,0L276.89915029307446,0L276.89915029307446,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1cb94ffd-db9f-4959-afc5-414bc304b93c.svg",
        "left": "416.122px",
        "top": "249.532px",
        "width": "290.544px",
        "height": "268.615px"
      },
      {
        "type": "GROUP",
        "left": "109.333px",
        "top": "887.945px",
        "width": "290.544461494px",
        "height": "93.388288px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L796.4528944345878,0L796.4528944345878,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c28a6f33-3cd8-4275-bb87-b844d4a0a50d.svg",
        "left": "109.333px",
        "top": "887.945px",
        "width": "290.544px",
        "height": "93.3883px"
      },
      {
        "type": "GROUP",
        "left": "109.333px",
        "top": "626.355px",
        "width": "290.54458272px",
        "height": "268.61568px",
        "transform": "none",
        "background": "rgb(44, 125, 194)",
        "backgroundColor": "rgb(44, 125, 194)",
        "clipPath": "path(\"M0,0L276.89915029307434,0L276.89915029307434,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/bd18aea1-bc8e-493f-aa74-5defb46e1f17.svg",
        "left": "109.333px",
        "top": "626.355px",
        "width": "290.544px",
        "height": "268.615px"
      },
      {
        "type": "GROUP",
        "left": "416.122px",
        "top": "887.945px",
        "width": "290.544461494px",
        "height": "93.388288px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L796.4528944345878,0L796.4528944345878,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b4498300-b1dd-49d1-8c72-70f12fe23053.svg",
        "left": "416.122px",
        "top": "887.945px",
        "width": "290.544px",
        "height": "93.3883px"
      },
      {
        "type": "GROUP",
        "left": "416.122px",
        "top": "626.355px",
        "width": "290.54458272px",
        "height": "268.61568px",
        "transform": "none",
        "background": "rgb(44, 125, 194)",
        "backgroundColor": "rgb(44, 125, 194)",
        "clipPath": "path(\"M0,0L276.89915029307446,0L276.89915029307446,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/607d9b98-a82f-41b7-a1da-9e88713bf0fe.svg",
        "left": "416.122px",
        "top": "626.355px",
        "width": "290.544px",
        "height": "268.615px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/82808d05-a237-4e5c-b889-aaa7f36d36e6.png",
        "left": "279.756px",
        "top": "165.175px",
        "width": "256.488px",
        "height": "53.8626px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "MN",
        "left": "132.192px",
        "top": "531.518003px",
        "width": "244.828px",
        "height": "54.0362px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "45px",
        "fontFamily": "Fredoka--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "52.681496px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Solar System",
        "left": "111.233px",
        "top": "76.02669px",
        "width": "595.433px",
        "height": "75.9366px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "63px",
        "fontFamily": "Fredoka--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "73.377798px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "MR",
        "left": "433.33px",
        "top": "531.518003px",
        "width": "256.129px",
        "height": "54.0362px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "45px",
        "fontFamily": "Fredoka--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "52.681496px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "JUP",
        "left": "132.192px",
        "top": "908.341003px",
        "width": "244.828px",
        "height": "54.0362px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "45px",
        "fontFamily": "Fredoka--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "52.681496px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "SAT",
        "left": "433.33px",
        "top": "908.341003px",
        "width": "256.129px",
        "height": "54.0362px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "45px",
        "fontFamily": "Fredoka--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "52.681496px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/23ad994d-20a0-47c6-8978-d64783ac97df.png",
        "left": "153.207px",
        "top": "282.441px",
        "width": "202.798px",
        "height": "202.798px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e47eb8fa-a73f-49a3-8855-17d6341c31d7.png",
        "left": "459.995px",
        "top": "282.441px",
        "width": "202.798px",
        "height": "202.798px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/bfb25e6f-4849-42d8-8579-4d5f17e73ab6.png",
        "left": "152.749px",
        "top": "658.806px",
        "width": "203.712px",
        "height": "203.712px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1c49303b-2208-4b85-94c4-3cbee1f722af.png",
        "left": "427.113px",
        "top": "659.448px",
        "width": "268.563px",
        "height": "202.429px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      }
    ],
    "background": "rgb(252, 252, 252)",
    "width": "816px",
    "height": "1056px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "GROUP",
        "left": "109.333px",
        "top": "511.122px",
        "width": "290.544461494px",
        "height": "93.388288px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L796.4528944345878,0L796.4528944345878,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9d91bff8-919f-4d07-8df3-302fb9297860.svg",
        "left": "109.333px",
        "top": "511.122px",
        "width": "290.544px",
        "height": "93.3883px"
      },
      {
        "type": "GROUP",
        "left": "109.333px",
        "top": "249.532px",
        "width": "290.54458272px",
        "height": "268.61568px",
        "transform": "none",
        "background": "rgb(44, 125, 194)",
        "backgroundColor": "rgb(44, 125, 194)",
        "clipPath": "path(\"M0,0L276.89915029307434,0L276.89915029307434,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/05efee70-46f3-48c2-b8f6-7c965d195f3f.svg",
        "left": "109.333px",
        "top": "249.532px",
        "width": "290.544px",
        "height": "268.615px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/aaf181f1-7861-4bd7-873e-9d7160b579e1.png",
        "left": "152.749px",
        "top": "281.983px",
        "width": "203.712px",
        "height": "203.712px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "GROUP",
        "left": "416.122px",
        "top": "511.122px",
        "width": "290.544461494px",
        "height": "93.388288px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L796.4528944345878,0L796.4528944345878,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7d71f8e2-3ab5-4445-9804-288b1c8f8195.svg",
        "left": "416.122px",
        "top": "511.122px",
        "width": "290.544px",
        "height": "93.3883px"
      },
      {
        "type": "GROUP",
        "left": "416.122px",
        "top": "249.532px",
        "width": "290.54458272px",
        "height": "268.61568px",
        "transform": "none",
        "background": "rgb(44, 125, 194)",
        "backgroundColor": "rgb(44, 125, 194)",
        "clipPath": "path(\"M0,0L276.89915029307446,0L276.89915029307446,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b49bd0f4-04ee-4109-9e1c-7e8d0a512713.svg",
        "left": "416.122px",
        "top": "249.532px",
        "width": "290.544px",
        "height": "268.615px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ca31ed90-a4bb-485b-8f3f-6f3f3874c820.png",
        "left": "459.538px",
        "top": "281.983px",
        "width": "203.712px",
        "height": "203.712px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "GROUP",
        "left": "109.333px",
        "top": "887.945px",
        "width": "290.544461494px",
        "height": "93.388288px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L796.4528944345878,0L796.4528944345878,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/93a6e0d3-2b6d-4503-acc3-ae2a13c8e7a0.svg",
        "left": "109.333px",
        "top": "887.945px",
        "width": "290.544px",
        "height": "93.3883px"
      },
      {
        "type": "GROUP",
        "left": "109.333px",
        "top": "626.355px",
        "width": "290.54458272px",
        "height": "268.61568px",
        "transform": "none",
        "background": "rgb(44, 125, 194)",
        "backgroundColor": "rgb(44, 125, 194)",
        "clipPath": "path(\"M0,0L276.89915029307434,0L276.89915029307434,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e8b6ac4b-1f18-4f34-a88e-b2348d772c9a.svg",
        "left": "109.333px",
        "top": "626.355px",
        "width": "290.544px",
        "height": "268.615px"
      },
      {
        "type": "GROUP",
        "left": "416.122px",
        "top": "887.945px",
        "width": "290.544461494px",
        "height": "93.388288px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L796.4528944345878,0L796.4528944345878,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5e69bae2-a218-4a2f-b74f-de0e570fd948.svg",
        "left": "416.122px",
        "top": "887.945px",
        "width": "290.544px",
        "height": "93.3883px"
      },
      {
        "type": "GROUP",
        "left": "416.122px",
        "top": "626.355px",
        "width": "290.54458272px",
        "height": "268.61568px",
        "transform": "none",
        "background": "rgb(44, 125, 194)",
        "backgroundColor": "rgb(44, 125, 194)",
        "clipPath": "path(\"M0,0L276.89915029307446,0L276.89915029307446,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a1a3ff62-9af9-492a-8fe5-509507ebc547.svg",
        "left": "416.122px",
        "top": "626.355px",
        "width": "290.544px",
        "height": "268.615px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.goo
```
_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