# gdb-hub / gdb__template-4-s34

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

## 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/ff841e0f-260f-429b-81e5-6f6dbfce9b9c.svg",
        "id": "0-0",
        "left": "109.333px",
        "top": "549.093px",
        "width": "597.333px",
        "height": "2px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b51ace62-7f41-4d0a-af5d-45d0861d1e78.svg",
        "id": "0-1",
        "left": "109.333px",
        "top": "765.183px",
        "width": "597.333px",
        "height": "2px"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cf303574-8271-4ee7-a330-b795bc73adc5.svg",
        "id": "0-2",
        "left": "84.8047px",
        "top": "657.138px",
        "width": "646.391px",
        "height": "2px",
        "transform": "rotate(-90deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/3375c86e-39d0-46a7-be98-ca5ca2d71a66.jpg",
        "id": "0-3",
        "left": "678.049px",
        "top": "929.372px",
        "width": "97.402px",
        "height": "143.414px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "GROUP",
        "id": "0-4-0",
        "left": "109.333px",
        "top": "255.767px",
        "width": "597.33319857px",
        "height": "71.314605px",
        "transform": "none",
        "background": "rgb(220, 219, 191)",
        "backgroundColor": "rgb(220, 219, 191)",
        "clipPath": "path(\"M2865.6703795158824,0L24.062686159341958,0C10.72794757937329,0 0,10.72794757937329 0,24.062686159341958L0,320.937313840658C0,334.2720524206267 10.72794757937329,345 24.062686159341958,345L2865.6703795158824,345C2879.0051180958512,345 2889.733065675224,334.2720524206267 2889.733065675224,320.937313840658L2889.733065675224,24.062686159341958C2889.733065675224,10.72794757937329 2879.0051180958512,0 2865.6703795158824,0Z\")"
      },
      {
        "type": "TEXT",
        "text": "Identify limiting beliefs and reframe them for productivity.",
        "id": "0-5",
        "left": "135.68px",
        "top": "268.847px",
        "width": "544.64px",
        "height": "45.1556px",
        "color": "rgb(84, 104, 74)",
        "fontSize": "18px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "justify",
        "lineHeight": "22.577784px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d1e2076b-680b-4632-9aeb-ca22a75eb10b.svg",
        "id": "0-6",
        "left": "110.618px",
        "top": "112.378px",
        "width": "597.333px",
        "height": "1px"
      },
      {
        "type": "GROUP",
        "id": "0-7",
        "left": "39.3576px",
        "top": "264.864px",
        "width": "73.1736px",
        "height": "140.157px",
        "transform": "rotate(90deg)"
      },
      {
        "type": "TEXT",
        "text": "BELIEF",
        "id": "0-8",
        "left": "139.434px",
        "top": "349.335px",
        "width": "236.24px",
        "height": "22.5778px",
        "color": "rgb(122, 111, 97)",
        "fontSize": "18px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "22.577784px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "BELIEF",
        "id": "0-9",
        "left": "125.205px",
        "top": "781.969px",
        "width": "267.268px",
        "height": "22.5778px",
        "color": "rgb(122, 111, 97)",
        "fontSize": "18px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "22.577784px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "BELIEF",
        "id": "0-10",
        "left": "125.205px",
        "top": "566.114px",
        "width": "267.268px",
        "height": "22.5778px",
        "color": "rgb(122, 111, 97)",
        "fontSize": "18px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "22.577784px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "ALTERNATIVES",
        "id": "0-11",
        "left": "421.882px",
        "top": "349.335px",
        "width": "267.268px",
        "height": "22.5778px",
        "color": "rgb(122, 111, 97)",
        "fontSize": "18px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "22.577784px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "ALTERNATIVES",
        "id": "0-12",
        "left": "425.484px",
        "top": "566.114px",
        "width": "267.268px",
        "height": "22.5778px",
        "color": "rgb(122, 111, 97)",
        "fontSize": "18px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "22.577784px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "ALTERNATIVES",
        "id": "0-13",
        "left": "421.882px",
        "top": "781.969px",
        "width": "267.268px",
        "height": "22.5778px",
        "color": "rgb(122, 111, 97)",
        "fontSize": "18px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "22.577784px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Beliefs",
        "id": "0-14",
        "left": "110.618px",
        "top": "154.363px",
        "width": "597.333px",
        "height": "72.2489px",
        "transform": "none",
        "color": "rgb(99, 89, 77)",
        "fontSize": "60px",
        "fontFamily": "Lancelot--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "60.207424px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "DATE",
        "id": "0-15",
        "left": "109.333px",
        "top": "74.6667px",
        "width": "92.5128px",
        "height": "23.5185px",
        "color": "rgb(122, 111, 97)",
        "fontSize": "20px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "left",
        "lineHeight": "23.518525px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "S",
        "id": "0-16",
        "left": "492.107px",
        "top": "78.06987px",
        "width": "27.8295px",
        "height": "20.4454px",
        "transform": "none",
        "color": "rgb(122, 111, 97)",
        "fontSize": "17px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "16.933338px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "M",
        "id": "0-17",
        "left": "523.492px",
        "top": "78.06987px",
        "width": "26.7198px",
        "height": "20.4454px",
        "transform": "none",
        "color": "rgb(122, 111, 97)",
        "fontSize": "17px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "16.933338px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "T",
        "id": "0-18",
        "left": "555.516px",
        "top": "78.06987px",
        "width": "27.8295px",
        "height": "20.4454px",
        "transform": "none",
        "color": "rgb(122, 111, 97)",
        "fontSize": "17px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "16.933338px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "W",
        "id": "0-19",
        "left": "586.901px",
        "top": "78.06987px",
        "width": "26.7198px",
        "height": "20.4454px",
        "transform": "none",
        "color": "rgb(122, 111, 97)",
        "fontSize": "17px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "16.933338px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "T",
        "id": "0-20",
        "left": "617.177px",
        "top": "78.06987px",
        "width": "27.8295px",
        "height": "20.4454px",
        "transform": "none",
        "color": "rgb(122, 111, 97)",
        "fontSize": "17px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "16.933338px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "F",
        "id": "0-21",
        "left": "648.562px",
        "top": "78.06987px",
        "width": "26.7198px",
        "height": "20.4454px",
        "transform": "none",
        "color": "rgb(122, 111, 97)",
        "fontSize": "17px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "16.933338px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "S",
        "id": "0-22",
        "left": "678.837px",
        "top": "78.06987px",
        "width": "27.8295px",
        "height": "20.4454px",
        "transform": "none",
        "color": "rgb(122, 111, 97)",
        "fontSize": "17px",
        "fontFamily": "Catamaran--500",
        "fontWeight": "500",
        "textAlign": "center",
        "lineHeight": "16.933338px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(240, 235, 230)",
    "width": "816px",
    "height": "1056px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "GROUP",
        "id": "0-0-0",
        "left": "358.482px",
        "top": "255.767px",
        "width": "348.18498px",
        "height": "134.03088171px",
        "transform": "none",
        "background": "rgb(220, 219, 191)",
        "backgroundColor": "rgb(220, 219, 191)",
        "clipPath": "path(\"M677.9748946086972,0L24.025105391302723,0C10.71119282028913,0 0,10.71119282028913 0,24.025105391302723L0,246.20385474554666C0,259.51776731656025 10.71119282028913,270.22896013684937 24.025105391302723,270.22896013684937L677.9748946086972,270.22896013684937C691.2888071797108,270.22896013684937 702,259.51776731656025 702,246.20385474554666L702,24.025105391302723C702,10.71119282028913 691.2888071797108,0 677.9748946086972,0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-1-0",
        "left": "358.482px",
        "top": "396.909px",
        "width": "348.18498px",
        "height": "134.03088171px",
        "transform": "none",
        "background": "rgb(220, 219, 191)",
        "backgroundColor": "rgb(220, 219, 191)",
        "clipPath": "path(\"M677.9748946086972,0L24.025105391302723,0C10.71119282028913,0 0,10.71119282028913 0,24.025105391302723L0,246.20385474554666C0,259.51776731656025 10.71119282028913,270.22896013684937 24.025105391302723,270.22896013684937L677.9748946086972,270.22896013684937C691.2888071797108,270.22896013684937 702,259.51776731656025 702,246.20385474554666L702,24.025105391302723C702,10.71119282028913 691.2888071797108,0 677.9748946086972,0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-2-0",
        "left": "358.482px",
        "top": "538.051px",
        "width": "348.18498px",
        "height": "134.03088171px",
        "transform": "none",
        "background": "rgb(220, 219, 191)",
        "backgroundColor": "rgb(220, 219, 191)",
        "clipPath": "path(\"M677.9748946086972,0L24.025105391302723,0C10.71119282028913,0 0,10.71119282028913 0,24.025105391302723L0,246.20385474554666C0,259.51776731656025 10.71119282028913,270.22896013684937 24.025105391302723,270.22896013684937L677.9748946086972,270.22896013684937C691.2888071797108,270.22896013684937 702,259.51776731656025 702,246.20385474554666L702,24.025105391302723C702,10.71119282028913 691.2888071797108,0 677.9748946086972,0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-3-0",
        "left": "358.482px",
        "top": "679.103px",
        "width": "348.18498px",
        "height": "134.03088171px",
        "transform": "none",
        "background": "rgb(220, 219, 191)",
        "backgroundColor": "rgb(220, 219, 191)",
        "clipPath": "path(\"M677.9748946086972,0L24.025105391302723,0C10.71119282028913,0 0,10.71119282028913 0,24.025105391302723L0,246.20385474554666C0,259.51776731656025 10.71119282028913,270.22896013684937 24.025105391302723,270.22896013684937L677.9748946086972,270.22896013684937C691.2888071797108,270.22896013684937 702,259.51776731656025 702,246.20385474554666L702,24.025105391302723C702,10.71119282028913 691.2888071797108,0 677.9748946086972,0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-4-0",
        "left": "358.482px",
        "top": "821.919px",
        "width": "348.18498px",
        "height": "134.03088171px",
        "transform": "none",
        "background": "rgb(220, 219, 191)",
        "backgroundColor": "rgb(220, 219, 191)",
        "clipPath": "path(\"M677.9748946086972,0L24.025105391302723,0C10.71119282028913,0 0,10.71119282028913 0,24.025105391302723L0,246.20385474554666C0,259.51776731656025 10.71119282028913,270.22896013684937 24.025105391302723,270.22896013684937L677.9748946086972,270.22896013684937C691.2888071797108,270.22896013684937 702,259.51776731656025 702,246.20385474554666L702,24.025105391302723C702,10.71119282028913 691.2888071797108,0 677.9748946086972,0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-5-0",
        "left": "109.333px",
        "top": "255.767px",
        "width": "233.892992px",
        "height": "134.030595136px",
        "transform": "none",
        "background": "rgb(84, 104, 74)",
        "backgroundColor": "rgb(84, 104, 74)",
        "clipPath": "path(\"M447.9528972781573,0L24.047102721842712,0C10.720999963488207,0 0,10.720999963488207 0,24.047102721842712L0,246.42927842152403C0,259.75538117987855 10.720999963488207,270.4763811433667 24.0471027218
```
_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