# gdb-hub / gdb__template-4-s136

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

## 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": "1707.4px",
        "top": "0px",
        "width": "212.6px",
        "height": "314.5px",
        "background": "#00533e"
      },
      {
        "type": "GROUP",
        "left": "0px",
        "top": "0px",
        "width": "1707px",
        "height": "315px",
        "background": "#a35d3f"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a2e19115-0d9f-44a7-8ca9-114f9cba4bec.png",
        "left": "0px",
        "top": "317.0px",
        "width": "749.6px",
        "height": "763.0px"
      },
      {
        "type": "TEXT",
        "text": "$13,144,800",
        "left": "861px",
        "top": "437px",
        "width": "921.2px",
        "height": "239px",
        "fontSize": "159.6px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "right",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Winning Markets",
        "left": "126px",
        "top": "29px",
        "width": "1363px",
        "height": "255px",
        "color": "#fff",
        "fontSize": "170px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Elevating Your Brand",
        "left": "1163px",
        "top": "664px",
        "width": "619.4px",
        "height": "96px",
        "color": "#f7633d",
        "fontSize": "63.8px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "right",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.",
        "left": "808px",
        "top": "785px",
        "width": "974px",
        "height": "114px",
        "color": "#3f3f3f",
        "fontSize": "25px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "right",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      }
    ],
    "background": "#d4cfc2",
    "width": "1920px",
    "height": "1080px"
  },
  {
    "components": [
      {
        "type": "GROUP",
        "left": "0.0px",
        "width": "965px",
        "height": "466px",
        "background": "#ff562c"
      },
      {
        "type": "TEXT",
        "text": "INTRODUCTION",
        "left": "356px",
        "top": "36px",
        "width": "253px",
        "height": "30px",
        "fontSize": "28px",
        "fontFamily": "Syne",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "30px",
        "textTransform": "uppercase"
      },
      {
        "type": "TEXT",
        "text": "A brief summary of what's to come. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent facilisis velit mi teugiat dolor pharetra ac.",
        "left": "34px",
        "top": "144px",
        "width": "892px",
        "height": "306px",
        "fontSize": "60px",
        "fontFamily": "IBM Plex Serif",
        "textAlign": "left",
        "lineHeight": "66px"
      },
      {
        "type": "GROUP",
        "top": "0px",
        "width": "960px",
        "height": "1080px",
        "background": "#92daff"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/efce6c1e-d9c3-4424-a1d0-2754a48f648b.png",
        "left": "957.0px",
        "top": "0px",
        "width": "963px",
        "height": "1080px"
      },
      {
        "type": "GROUP",
        "left": "1277.0px",
        "top": "378.0px",
        "width": "325px",
        "height": "325px",
        "background": "#fff856"
      },
      {
        "type": "TEXT",
        "text": "Company name",
        "left": "355px",
        "top": "1027px",
        "width": "250px",
        "height": "46px",
        "fontSize": "24px",
        "fontFamily": "Syne",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "28.799999999999997px",
        "textTransform": "uppercase"
      },
      {
        "type": "TEXT",
        "text": "Month XX YEAR",
        "left": "1340px",
        "top": "1027px",
        "width": "200px",
        "height": "46px",
        "fontSize": "24px",
        "fontFamily": "Syne",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "28.799999999999997px",
        "textTransform": "uppercase"
      }
    ],
    "background": "#ecebe0",
    "width": "1920px",
    "height": "1080px"
  },
  {
    "components": [
      {
        "type": "GROUP",
        "left": "493.2px",
        "top": "345.2px",
        "width": "284.3px",
        "height": "734.8px",
        "background": "#c3bca9"
      },
      {
        "type": "GROUP",
        "left": "842.5px",
        "top": "345px",
        "width": "284.3px",
        "height": "734.8px",
        "background": "#c3bca9"
      },
      {
        "type": "GROUP",
        "left": "1191.7px",
        "top": "345px",
        "width": "284.3px",
        "height": "734.8px",
        "background": "#c3bca9"
      },
      {
        "type": "GROUP",
        "left": "1534.1px",
        "top": "345px",
        "width": "284.3px",
        "height": "734.8px",
        "background": "#c3bca9"
      },
      {
        "type": "GROUP",
        "left": "144px",
        "top": "345.2px",
        "width": "284.3px",
        "height": "734.8px",
        "background": "#c3bca9"
      },
      {
        "type": "TEXT",
        "text": "Growth Chart",
        "left": "143px",
        "top": "59px",
        "width": "1135px",
        "height": "240px",
        "color": "#00533e",
        "fontSize": "160px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Strategic\nMarketing",
        "left": "884px",
        "top": "380.3px",
        "width": "170.9px",
        "height": "108px",
        "color": "#000",
        "fontSize": "36px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada",
        "left": "1208px",
        "top": "130px",
        "width": "631px",
        "height": "114px",
        "color": "#3f3f3f",
        "fontSize": "25px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "GROUP",
        "left": "144px",
        "top": "747px",
        "width": "284.3px",
        "height": "333px",
        "background": "#f7633d"
      },
      {
        "type": "TEXT",
        "text": "49%",
        "left": "186px",
        "top": "909px",
        "width": "226px",
        "height": "120px",
        "fontSize": "79.9px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "GROUP",
        "left": "493.2px",
        "top": "675.2px",
        "width": "284.3px",
        "height": "404.8px",
        "background": "#f7633d"
      },
      {
        "type": "GROUP",
        "left": "842.5px",
        "top": "534.3px",
        "width": "284.3px",
        "height": "545.8px",
        "background": "#00533e"
      },
      {
        "type": "GROUP",
        "left": "1191.7px",
        "top": "784.6px",
        "width": "284.3px",
        "height": "295.4px",
        "background": "#f7633d"
      },
      {
        "type": "GROUP",
        "left": "1534.1px",
        "top": "473.7px",
        "width": "284.3px",
        "height": "606.3px",
        "background": "#f7633d"
      },
      {
        "type": "TEXT",
        "text": "Company\nRevenue",
        "left": "535px",
        "top": "808.6px",
        "width": "161.9px",
        "height": "108px",
        "fontSize": "36px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Market\nDynamics",
        "left": "186px",
        "top": "785.1px",
        "width": "166.4px",
        "height": "108px",
        "fontSize": "36px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "93%",
        "left": "1585px",
        "top": "608px",
        "width": "163px",
        "height": "240px",
        "fontSize": "79.9px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "26%",
        "left": "535px",
        "top": "914px",
        "width": "227px",
        "height": "120px",
        "fontSize": "79.9px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "51%",
        "left": "884px",
        "top": "568px",
        "width": "161px",
        "height": "120px",
        "fontSize": "79.9px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Stock\nGrowth",
        "left": "1585px",
        "top": "513.3px",
        "width": "124.8px",
        "height": "108px",
        "fontSize": "36px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Stock\nGrowth",
        "left": "1233px",
        "top": "818.9px",
        "width": "124.8px",
        "height": "108px",
        "fontSize": "36px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "53%",
        "left": "1233px",
        "top": "914px",
        "width": "194px",
        "height": "120px",
        "fontSize": "79.9px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      }
    ],
    "background": "#d4cfc2",
    "width": "1920px",
    "height": "1080px"
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7a158776-1d86-458c-9290-43b7db296f6b.png",
        "left": "1127.0px",
        "top": "102.0px",
        "width": "625.3px",
        "height": "625.3px"
      },
      {
        "type": "GROUP",
        "left": "1157.1px",
        "top": "139.6px",
        "width": "559.2px",
        "height": "559.2px",
        "background": "#00533e"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/8455a1f2-6310-494c-85cc-81c0cee3dc52.png",
        "left": "1196.0px",
        "top": "503.3px",
        "width": "475.6px",
        "height": "475.5px"
      },
      {
        "type": "TEXT",
        "text": "1,9 Billion",
        "left": "1329.1px",
        "top": "239.2px",
        "width": "223.9px",
        "height": "77px",
        "fontSize": "51.4px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d476dc5f-179a-492e-ba83-5cb587644545.png",
        "left": "1160.4px",
        "top": "329.6px",
        "width": "551.8px",
        "height": "551.9px"
      },
      {
        "type": "TEXT",
        "text": "Building a \nWinning \nValue \nProposition",
        "left": "121px",
        "top": "103px",
        "width": "961px",
        "height": "800px",
        "color": "#00533e",
        "fontSize": "160px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "100%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "Lorem ipsum dolor sit amet, consectetur \nadipiscing elit. Nullam diam est",
        "left": "121px",
        "top": "851px",
        "width": "606.8px",
        "height": "76px",
        "color": "#595959",
        "fontSize": "25px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "TEXT",
        "text": "LOREM IPSUM DOLOR",
        "left": "121px",
        "top": "784px",
        "width": "653px",
        "height": "53px",
        "color": "#00533e",
        "fontSize": "35px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "GROUP",
        "left": "1197px",
        "top": "367.4px",
        "width": "479.3px",
        "height": "479.3px",
        "background": "#a35d3f"
      },
      {
        "type": "TEXT",
        "text": "532M",
        "left": "1366.1px",
        "top": "432.2px",
        "width": "142.1px",
        "height": "77px",
        "fontSize": "51.4px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      },
      {
        "type": "GROUP",
        "left": "1239.2px",
        "top": "542.3px",
        "width": "395px",
        "height": "395px",
        "background": "#f7633d"
      },
      {
        "type": "TEXT",
        "text": "10,6M",
        "left": "1365.7px",
        "top": "707.4px",
        "width": "146.9px",
        "height": "77px",
        "fontSize": "51.4px",
        "fontFamily": "Radio Canada Big",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "150%",
        "letterSpacing": "-0.01em"
      }
    ],
    "background": "#d4cfc2",
    "width": "1920px",
    "height": "1080px"
  },
  {
    "components": [
```
_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