# gdb-hub / gdb__template-4-s7

- 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`
- `/workspace/inputs/input_8.png`
- `/workspace/inputs/input_9.png`
- `/workspace/inputs/input_10.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/c5c3bc37-82b9-4950-8478-b79c433d1597.jpg",
        "id": "0-0-0",
        "left": "0.0px",
        "top": "0.0px",
        "width": "733.966px",
        "height": "1080.0px",
        "transform": "rotate(0deg)",
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/dbb6bb88-da02-4262-ab93-950899de26fe.svg",
        "id": "0-1-0",
        "left": "204.451px",
        "top": "396.496px",
        "width": "1080.0px",
        "height": "287.00699999999995px",
        "transform": "rotate(-90deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/67ad2fcc-c896-42e5-b657-139f1015c209.png",
        "id": "0-2",
        "left": "392.996px",
        "top": "464.367px",
        "width": "514.025px",
        "height": "864px",
        "transform": "scale(-1, 1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d30fcddd-911a-4a7f-ab81-7071ff77b529.png",
        "id": "0-3-0",
        "left": "-72.7329px",
        "top": "-70.0425px",
        "width": "673.6809999999999px",
        "height": "548.301px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "GROUP",
        "id": "0-4-0",
        "left": "887.955px",
        "top": "212.064px",
        "width": "837.9250652500001px",
        "height": "68.3456px",
        "transform": "none",
        "background": "rgb(26, 26, 26)",
        "backgroundColor": "rgb(26, 26, 26)",
        "clipPath": "path(\"M0,0L3138.5943644988192,0L3138.5943644988192,256L0,256Z\")"
      },
      {
        "type": "TEXT",
        "text": "M",
        "id": "0-5",
        "left": "1013.64px",
        "top": "228.653px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "T",
        "id": "0-6",
        "left": "1135.31px",
        "top": "228.653px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "W",
        "id": "0-7",
        "left": "1256.98px",
        "top": "228.653px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "T",
        "id": "0-8",
        "left": "1378.66px",
        "top": "228.653px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "S",
        "id": "0-9",
        "left": "891.966px",
        "top": "228.653px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(246, 5, 154)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "S",
        "id": "0-10",
        "left": "1621.62px",
        "top": "228.653px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "F",
        "id": "0-11",
        "left": "1500.33px",
        "top": "228.653px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Oct 2023",
        "id": "0-12",
        "left": "887.955px",
        "top": "103.73333px",
        "width": "490.243px",
        "height": "50.4667px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "42px",
        "fontFamily": "Montserrat--800",
        "fontWeight": "800",
        "textAlign": "left",
        "lineHeight": "59.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/34ebfe36-ebfe-4fb0-be17-9d06767246a8.svg",
        "id": "0-13",
        "left": "887.955px",
        "top": "855.029px",
        "width": "533.539px",
        "height": "1px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1959e30e-5ca7-4a61-bfc3-851db7b28150.svg",
        "id": "0-14",
        "left": "887.955px",
        "top": "926.593px",
        "width": "533.539px",
        "height": "1px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9ebfb209-a3c0-4ed8-86ab-e026ae72d5ca.png",
        "id": "0-15",
        "left": "1594.27px",
        "top": "798.273px",
        "width": "52.4156px",
        "height": "52.4156px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5987de43-4419-4590-85cc-baa1505c9885.svg",
        "id": "0-16",
        "left": "891.966px",
        "top": "775.107px",
        "width": "529.528px",
        "height": "1px"
      },
      {
        "type": "TEXT",
        "text": "LOREM IPSUM",
        "id": "0-17",
        "left": "1533.66px",
        "top": "859.91466px",
        "width": "173.632px",
        "height": "56.0533px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "25px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "26.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "15",
        "id": "0-18",
        "left": "891.966px",
        "top": "475.459px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(246, 5, 154)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "22",
        "id": "0-19",
        "left": "891.966px",
        "top": "551.859px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(246, 5, 154)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "29",
        "id": "0-20",
        "left": "891.966px",
        "top": "628.259px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(246, 5, 154)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "2",
        "id": "0-21",
        "left": "1013.64px",
        "top": "322.23699999999997px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "9",
        "id": "0-22",
        "left": "1013.64px",
        "top": "399.05899999999997px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "16",
        "id": "0-23",
        "left": "1013.64px",
        "top": "475.459px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "23",
        "id": "0-24",
        "left": "1013.64px",
        "top": "551.859px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "30",
        "id": "0-25",
        "left": "1013.64px",
        "top": "628.259px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "10",
        "id": "0-26",
        "left": "1135.31px",
        "top": "399.05899999999997px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "3",
        "id": "0-27",
        "left": "1135.31px",
        "top": "322.23699999999997px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "17",
        "id": "0-28",
        "left": "1135.31px",
        "top": "475.459px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "24",
        "id": "0-29",
        "left": "1135.31px",
        "top": "551.859px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "31",
        "id": "0-30",
        "left": "1135.31px",
        "top": "628.259px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "4",
        "id": "0-31",
        "left": "1256.98px",
        "top": "322.23699999999997px",
        "width": "85.673px",
        "height": "33.4px",
        "transform": "none",
        "color": "rgb(26, 26, 26)",
        "fontSize": "28px",
        "fontFamily": "Montserrat--600",
        "fontWeight": "600",
        "textAlign": "center",
        "lineHeight": "39.0px",
        "letterSpacin
```
_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