# gdb-hub / gdb__template-4-s106

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

## 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": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/74d4d5c1-1b2b-41b5-912f-9225e87df5f3.svg",
        "id": "0-0",
        "left": "532.28px",
        "top": "828.021px",
        "width": "341.199px",
        "height": "406.19px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5c8bbb24-2866-49b8-88b1-3a2fc1b149c0.svg",
        "id": "0-1",
        "left": "-90.5347px",
        "top": "467.918px",
        "width": "298.667px",
        "height": "307.04px",
        "transform": "rotate(-100.908deg) scale(-1, -1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/eb971652-99e1-4b40-be54-fd0b785ef6cf.svg",
        "id": "0-2",
        "left": "516.121px",
        "top": "-87.1262px",
        "width": "302.768px",
        "height": "308.947px",
        "transform": "rotate(-139.524deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ce16e05c-03e5-411c-b612-47c75dff2688.svg",
        "id": "0-3",
        "left": "594.759px",
        "top": "374.739px",
        "width": "298.667px",
        "height": "316.888px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4f0b147f-5d12-4c0e-b0c8-b0adcf785f97.png",
        "id": "0-4",
        "left": "139.932px",
        "top": "757.672px",
        "width": "190.855px",
        "height": "269.76px",
        "transform": "rotate(-90deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1fd95756-0762-4753-988e-e549e9e8775b.png",
        "id": "0-5",
        "left": "463.364px",
        "top": "737.702px",
        "width": "193.832px",
        "height": "318.41px",
        "transform": "rotate(-85.6036deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/27afa5e6-34bd-4f58-ab7a-3448049ba34e.png",
        "id": "0-6",
        "left": "446.844px",
        "top": "868.706px",
        "width": "21.5832px",
        "height": "20.0994px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/f42ee032-0068-4fa7-a425-e6692f6b155c.png",
        "id": "0-7",
        "left": "446.844px",
        "top": "944.374px",
        "width": "21.5832px",
        "height": "20.0994px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/2fe81db0-98d5-43ec-8395-bc422d8160aa.png",
        "id": "0-8",
        "left": "446.844px",
        "top": "906.54px",
        "width": "21.5832px",
        "height": "20.0994px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "MONTHLY PLAN",
        "id": "0-9",
        "left": "107.43301px",
        "top": "153.23798px",
        "width": "597.333px",
        "height": "85.7955px",
        "transform": "none",
        "color": "rgb(102, 60, 185)",
        "fontSize": "71px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "70.555575px",
        "letterSpacing": "-0.05em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "DATE",
        "id": "0-10",
        "left": "110.648px",
        "top": "78.66667000000001px",
        "width": "168.038px",
        "height": "45.1555px",
        "transform": "none",
        "color": "rgb(102, 60, 185)",
        "fontSize": "37px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "36.688899px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "TO-DOS",
        "id": "0-11",
        "left": "446.844px",
        "top": "830.6876699999999px",
        "width": "201.7px",
        "height": "29.4765px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "25px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "24.459266px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/046fd90b-6109-40df-ad1e-405ce5be7c70.png",
        "id": "0-12",
        "left": "163.241px",
        "top": "214.782px",
        "width": "476.996px",
        "height": "638.122px",
        "transform": "rotate(-88.7275deg) scale(-1, 1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "M",
        "id": "0-13",
        "left": "115.635px",
        "top": "241.727px",
        "width": "73.6711px",
        "height": "41.3926px",
        "color": "rgb(102, 60, 185)",
        "fontSize": "35px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.392604000000006px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "T",
        "id": "0-14",
        "left": "200.968px",
        "top": "241.727px",
        "width": "73.6711px",
        "height": "41.3926px",
        "color": "rgb(102, 60, 185)",
        "fontSize": "35px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.392604000000006px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "W",
        "id": "0-15",
        "left": "286.301px",
        "top": "241.727px",
        "width": "73.6711px",
        "height": "41.3926px",
        "color": "rgb(102, 60, 185)",
        "fontSize": "35px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.392604000000006px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "T",
        "id": "0-16",
        "left": "371.635px",
        "top": "241.727px",
        "width": "73.6711px",
        "height": "41.3926px",
        "color": "rgb(102, 60, 185)",
        "fontSize": "35px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.392604000000006px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "F",
        "id": "0-17",
        "left": "456.968px",
        "top": "241.727px",
        "width": "73.6711px",
        "height": "41.3926px",
        "color": "rgb(102, 60, 185)",
        "fontSize": "35px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.392604000000006px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "S",
        "id": "0-18",
        "left": "542.301px",
        "top": "241.727px",
        "width": "73.6711px",
        "height": "41.3926px",
        "color": "rgb(102, 60, 185)",
        "fontSize": "35px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.392604000000006px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "S",
        "id": "0-19",
        "left": "627.635px",
        "top": "241.727px",
        "width": "73.6711px",
        "height": "41.3926px",
        "color": "rgb(102, 60, 185)",
        "fontSize": "35px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "41.392604000000006px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/2d113f2c-32a1-4fed-875c-d4975d7a4f88.svg",
        "id": "0-20",
        "left": "96.0528px",
        "top": "400.047px",
        "width": "621.13px",
        "height": "2px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d53bfaf2-bad8-4f0c-95e5-6bb5b526a723.svg",
        "id": "0-21",
        "left": "100.48px",
        "top": "489.423px",
        "width": "620.849px",
        "height": "2px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cec5eac0-a4d2-4929-b206-f850e0b8a209.svg",
        "id": "0-22",
        "left": "-27.8364px",
        "top": "528.032px",
        "width": "445.947px",
        "height": "2px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/06b2269b-5ec9-4d71-95e2-71e2269364f0.svg",
        "id": "0-23",
        "left": "53.3457px",
        "top": "532.183px",
        "width": "454.249px",
        "height": "2px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c05333b6-3b6f-4c5c-b845-7b9fd533dd0e.svg",
        "id": "0-24",
        "left": "136.467px",
        "top": "534.395px",
        "width": "458.673px",
        "height": "2px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ce43620b-eab4-4a26-b0d0-2adce11a20a9.svg",
        "id": "0-25",
        "left": "215.993px",
        "top": "536.329px",
        "width": "470.288px",
        "height": "2px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/26527dae-0c7f-4198-80c1-886006c9bbc3.svg",
        "id": "0-26",
        "left": "297.879px",
        "top": "539.776px",
        "width": "477.183px",
        "height": "2px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b2e82745-c313-47ef-bf62-fa7038d2683a.svg",
        "id": "0-27",
        "left": "387.915px",
        "top": "544.48px",
        "width": "467.777px",
        "height": "2px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9667e535-666a-4214-85ec-e8896dcaa428.svg",
        "id": "0-28",
        "left": "100.48px",
        "top": "578.799px",
        "width": "620.849px",
        "height": "2px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5397afbd-ea48-4009-b886-d83613f9ffb1.svg",
        "id": "0-29",
        "left": "100.48px",
        "top": "668.175px",
        "width": "616.703px",
        "height": "2px"
      },
      {
        "type": "TEXT",
        "text": "NOTE",
        "id": "0-30",
        "left": "143.021px",
        "top": "830.6876699999999px",
        "width": "180.116px",
        "height": "29.4765px",
        "transform": "none",
        "color": "rgb(102, 60, 185)",
        "fontSize": "25px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "24.459266px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(249, 213, 58)",
    "width": "816px",
    "height": "1056px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5d89a23e-3ac9-42c9-b0f3-5d3209386b66.svg",
        "left": "-31.9569px",
        "top": "727.719px",
        "width": "341.199px",
        "height": "406.19px",
        "transform": "rotate(-37.1507deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/19512c63-8f52-44fe-a89f-e6e2a9205e11.svg",
        "left": "531.62px",
        "top": "-135.463px",
        "width": "298.667px",
        "height": "316.888px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/65b6fff8-68b3-4688-ab7b-2dcb56e735f5.svg",
        "left": "-42.0505px",
        "top": "219.153px",
        "width": "302.768px",
        "height": "308.947px",
        "transform": "rotate(-139.524deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/02e2a6b9-7402-4588-bf4e-8d31d38d713b.svg",
        "left": "557.333px",
        "top": "547.581px",
        "width": "298.667px",
        "height": "307.04px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/6d1ec9a8-65ed-44f0-824e-b003dc70b0e2.png",
        "left": "123.957px",
        "top": "239.232px",
        "width": "568.086px",
        "height": "759.982px",
        "transform": "rotate(-180deg) scale(-1, 1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "NOTES",
        "left": "122.05700999999999px",
        "top": "146.12697999999997px",
        "width": "568.086px",
        "height": "85.7955px",
        "transform": "none",
        "color": "rgb(102, 60, 185)",
        "fontSize": "71px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "70.555575px",
        "letterSpacing": "-0.05em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "DATE",
        "left": "109.333px",
        "top": "78.90027px",
        "width": "176.687px",
        "height": "45.1555px",
        "transform": "none",
        "color": "rgb(102, 60, 185)",
        "fontSize": "37px",
        "fontFamily": "Gaegu--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "36.688899px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(249, 213, 58)",
    "w
```
_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