# gdb-hub / gdb__template-4-s67

- 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`
- `/workspace/inputs/input_6.png`
- `/workspace/inputs/input_7.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",
        "id": "0-0-0",
        "left": "1801.6px",
        "top": "892.268px",
        "width": "118.399488px",
        "height": "187.73256318000003px",
        "transform": "none",
        "background": "rgb(158, 230, 195)",
        "backgroundColor": "rgb(158, 230, 195)",
        "clipPath": "path(\"M0,0L256,0L256,405.9096742999484L0,405.9096742999484Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-1-0",
        "left": "1801.6px",
        "top": "2.27374e-13px",
        "width": "118.399488px",
        "height": "892.26964152px",
        "transform": "none",
        "background": "rgb(1, 41, 77)",
        "backgroundColor": "rgb(1, 41, 77)",
        "clipPath": "path(\"M0,0L256,0L256,1929.2378745143194L0,1929.2378745143194Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-2-0",
        "left": "1792.85px",
        "top": "938.807px",
        "width": "135.811830504px",
        "height": "94.198272px",
        "transform": "rotate(-90deg)",
        "background": "rgb(1, 41, 77)",
        "backgroundColor": "rgb(1, 41, 77)",
        "clipPath": "path(\"M128.00000006224676,0L241.09174158389789,0C311.7841894441098,0 369.0917415085626,57.30755206445275 369.0917415085626,128.00000006224676C369.0917415085626,198.69244792245874 311.7841894441098,255.9999999869115 241.09174158389789,255.9999999869115L128.00000006224676,255.9999999869115C57.30755206445275,255.9999999869115 0,198.69244792245874 0,128.00000006224676C0,57.30755206445275 57.30755206445275,0 128.00000006224676,0Z\")"
      },
      {
        "type": "TEXT",
        "text": "03",
        "id": "0-3",
        "left": "1815.75px",
        "top": "963.90599px",
        "width": "90.0046px",
        "height": "37.6046px",
        "transform": "none",
        "color": "rgb(235, 235, 235)",
        "fontSize": "32px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "44.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5b998998-e0c6-4129-90aa-dd82376fba25.svg",
        "id": "0-4",
        "left": "1843.3px",
        "top": "787.072px",
        "width": "34.9039px",
        "height": "34.9039px",
        "transform": "rotate(-90deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "loremipsumsite.co",
        "id": "0-5",
        "left": "1710.94px",
        "top": "612.42373px",
        "width": "299.63px",
        "height": "25.1123px",
        "transform": "rotate(-90deg)",
        "color": "rgb(158, 230, 195)",
        "fontSize": "21px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "29.387204px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/01e077f7-313a-4ee9-b13b-d4e6e3fea49d.svg",
        "id": "0-6",
        "left": "1700.65px",
        "top": "228.374px",
        "width": "320.197px",
        "height": "4px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cd167c55-961f-41c3-8f5b-49d44700a8af.svg",
        "id": "0-7",
        "left": "1759.07px",
        "top": "169.955px",
        "width": "203.357px",
        "height": "4px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/025864c7-a2ad-4458-ac3c-9b5070756d1e.jpg",
        "id": "0-8-0-0",
        "left": "108.0px",
        "top": "-37.367999999999995px",
        "width": "1585.5774138600002px",
        "height": "1189.1814291px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M40.00002678431312,0.0L1545.5766434476325,0.0C1556.185310074773,0.0 1566.3594735070196,4.2142764007566065 1573.860933605006,11.71573662693986C1581.3623938311891,19.217196724926122 1585.5766702319456,29.39136015717296 1585.5766702319456,40.00002678431312L1585.5766702319456,516.8153331432441C1585.5766702319456,527.4239998985813 1581.3623938311891,537.5981632026311 1573.860933605006,545.0996234288143C1566.3594735070196,552.6010835268006 1556.185310074773,556.8153600557541 1545.5766434476325,556.8153600557541L40.00002678431312,556.8153600557541C29.39136015717296,556.8153600557541 19.217196724926122,552.6010835268006 11.71573662693986,545.0996234288143C4.2142764007566065,537.5981632026311 0.0,527.4239998985813 0.0,516.8153331432441L0.0,40.00002678431312C0.0,29.39136015717296 4.2142764007566065,19.217196724926122 11.71573662693986,11.71573662693986C19.217196724926122,4.2142764007566065 29.39136015717296,0.0 40.00002678431312,0.0Z\")"
      },
      {
        "type": "TEXT",
        "text": "03",
        "id": "0-9",
        "left": "108.0px",
        "top": "712.2610000000001px",
        "width": "90.0046px",
        "height": "33.3974px",
        "transform": "none",
        "color": "rgb(158, 230, 195)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Boost",
        "id": "0-10",
        "left": "108.0px",
        "top": "747.19733px",
        "width": "561.924px",
        "height": "89.0667px",
        "transform": "none",
        "color": "rgb(1, 41, 77)",
        "fontSize": "74px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "104.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Brand Rep",
        "id": "0-11",
        "left": "108.0px",
        "top": "831.4533299999999px",
        "width": "760.205px",
        "height": "89.0667px",
        "transform": "none",
        "color": "rgb(1, 41, 77)",
        "fontSize": "74px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "104.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/3f38ddf8-e236-45e5-8e43-3da3cf7f609c.svg",
        "id": "0-12",
        "left": "108px",
        "top": "959.572px",
        "width": "403.797px",
        "height": "4px",
        "transform": "rotate(-180deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/2c7f84c2-1b24-4ea8-a881-c02ed73377bc.svg",
        "id": "0-13",
        "left": "108px",
        "top": "959.572px",
        "width": "256.452px",
        "height": "4px",
        "transform": "rotate(-180deg)"
      },
      {
        "type": "TEXT",
        "text": "Showcase knowledge and insights with content. Well-researched info builds trust, positioning you as a credible authority.",
        "id": "0-14",
        "left": "919.108px",
        "top": "752.264px",
        "width": "774.468px",
        "height": "94.2px",
        "transform": "none",
        "color": "rgb(1, 41, 77)",
        "fontSize": "24px",
        "fontFamily": "Montserrat--500",
        "fontWeight": "500",
        "textAlign": "justify",
        "lineHeight": "33.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(235, 235, 235)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/57034d42-353a-4e2e-b61f-8bd173125463.jpg",
        "id": "0-0-0-0",
        "left": "755.513px",
        "top": "75.8656px",
        "width": "1604.95137285px",
        "height": "1069.3003887px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M39.99999599872219,0.0L1020.1788321793406,0.0C1030.7874907698313,0.0 1040.9616462434456,4.214273157284046 1048.4631005680137,11.715727610049017C1055.9645550207786,19.2171819346171 1060.1788281780625,29.39133753642834 1060.1788281780625,39.99999599872219L1060.1788281780625,888.2688039259026C1060.1788281780625,898.8774625163933 1055.9645550207786,909.0516179900077 1048.4631005680137,916.5530724427726C1040.9616462434456,924.0545267673408 1030.7874907698313,928.2688000528217 1020.1788321793406,928.2688000528217L39.99999599872219,928.2688000528217C29.39133753642834,928.2688000528217 19.2171819346171,924.0545267673408 11.715727610049017,916.5530724427726C4.214273157284046,909.0516179900077 0.0,898.8774625163933 0.0,888.2688039259026L0.0,39.99999599872219C0.0,29.39133753642834 4.214273157284046,19.2171819346171 11.715727610049017,11.715727610049017C19.2171819346171,4.214273157284046 29.39133753642834,0.0 39.99999599872219,0.0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-1-0",
        "left": "1801.6px",
        "top": "892.268px",
        "width": "118.399488px",
        "height": "187.73256318000003px",
        "transform": "none",
        "background": "rgb(158, 230, 195)",
        "backgroundColor": "rgb(158, 230, 195)",
        "clipPath": "path(\"M0,0L256,0L256,405.9096742999484L0,405.9096742999484Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-2-0",
        "left": "1801.6px",
        "top": "2.27374e-13px",
        "width": "118.399488px",
        "height": "892.26964152px",
        "transform": "none",
        "background": "rgb(1, 41, 77)",
        "backgroundColor": "rgb(1, 41, 77)",
        "clipPath": "path(\"M0,0L256,0L256,1929.2378745143194L0,1929.2378745143194Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-3-0",
        "left": "1792.85px",
        "top": "938.807px",
        "width": "135.811830504px",
        "height": "94.198272px",
        "transform": "rotate(-90deg)",
        "background": "rgb(1, 41, 77)",
        "backgroundColor": "rgb(1, 41, 77)",
        "clipPath": "path(\"M128.00000006224676,0L241.09174158389789,0C311.7841894441098,0 369.0917415085626,57.30755206445275 369.0917415085626,128.00000006224676C369.0917415085626,198.69244792245874 311.7841894441098,255.9999999869115 241.09174158389789,255.9999999869115L128.00000006224676,255.9999999869115C57.30755206445275,255.9999999869115 0,198.69244792245874 0,128.00000006224676C0,57.30755206445275 57.30755206445275,0 128.00000006224676,0Z\")"
      },
      {
        "type": "TEXT",
        "text": "i",
        "id": "0-4",
        "left": "1815.75px",
        "top": "963.90599px",
        "width": "90.0046px",
        "height": "37.6046px",
        "transform": "none",
        "color": "rgb(235, 235, 235)",
        "fontSize": "32px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "44.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/fa7dbeea-fee7-426c-a562-e96bb9aff217.svg",
        "id": "0-5",
        "left": "1843.3px",
        "top": "787.072px",
        "width": "34.9039px",
        "height": "34.9039px",
        "transform": "rotate(-90deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "loremipsumsite.co",
        "id": "0-6",
        "left": "1710.94px",
        "top": "612.42373px",
        "width": "299.63px",
        "height": "25.1123px",
        "transform": "rotate(-90deg)",
        "color": "rgb(158, 230, 195)",
        "fontSize": "21px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "29.387204px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e82048b6-760d-446e-ade2-499eee9a67a5.svg",
        "id": "0-7",
        "left": "1700.65px",
        "top": "228.374px",
        "width": "320.197px",
        "height": "4px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/80b3f3ca-a292-4946-a3d6-f11160b9c205.svg",
        "id": "0-8",
        "left": "1759.07px",
        "top": "169.955px",
        "width": "203.357px",
        "height": "4px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "TEXT",
        "text": " i",
        "id": "0-9",
        "left": "108.0px",
        "top": "170.74699999999999px",
        "width": "90.0046px",
        "height": "33.3974px",
        "transform": "none",
        "color": "rgb(158, 230, 195)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Table",
        "id": "0-10",
        "left": "108.0px",
        "top": "205.68233px",
        "width": "819.821px",
        "height": "89.0641px",
        "transform": "none",
        "color": "rgb(1, 41, 77)",
        "fontSize": "74px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "104.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Topics",
        "id": "0-11",
        "left": "108.0px",
        "top": "289.78733px",
        "width": "819.821px",
        "height": "89.0641px",
        "transform": "none",
        "color": "rgb(1, 41, 77)",
        "fontSize": "74px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "104.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Create Valuable, Relevant Content",
        "id": "0-12",
        "left": "108.0px",
        "top": "429.96839px",
        "width": "613.592px",
        "height": "28.2108px",
        "transform": "none",
        "color": "rgb(1, 41, 77)",
        "fontSize": "23px",
        "fontFamily": "Montserrat--500",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "33.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/92890dae-933d-4e8
```
_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