# gdb-hub / gdb__template-4-s86
- 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`
- `/workspace/inputs/input_11.png`
- `/workspace/inputs/input_12.png`
- `/workspace/inputs/input_13.png`
- `/workspace/inputs/input_14.png`
- `/workspace/inputs/input_15.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": "1.25px",
"top": "594.783px",
"width": "787.50006392px",
"height": "485.21728px",
"transform": "none",
"background": "rgb(193, 197, 197)",
"backgroundColor": "rgb(193, 197, 197)",
"clipPath": "path(\"M0,0L415.48382358515823,0L415.48382358515823,256L0,256Z\")"
},
{
"type": "TEXT",
"text": "Sustainability & Scalability",
"left": "100.0px",
"top": "206.6px",
"width": "687.5px",
"height": "211.2px",
"transform": "none",
"color": "rgb(14, 101, 101)",
"fontSize": "96px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "96.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Pretium Neque",
"left": "100px",
"top": "100px",
"width": "392.5px",
"height": "25px",
"color": "rgb(14, 101, 101)",
"fontSize": "21px",
"fontFamily": "Raleway--500",
"fontWeight": "500",
"textAlign": "left",
"lineHeight": "25.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Digital Mktg Opt.",
"left": "1480.63px",
"top": "100px",
"width": "339.367px",
"height": "25px",
"color": "rgb(14, 101, 101)",
"fontSize": "21px",
"fontFamily": "Raleway--500",
"fontWeight": "500",
"textAlign": "right",
"lineHeight": "25.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "",
"left": "993.508px",
"top": "343.783px",
"width": "583.926px",
"height": "132px",
"color": "rgb(14, 101, 101)",
"fontSize": "37px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "44.0px",
"letterSpacing": "0.02em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "SUSTAINABLE",
"left": "993.508px",
"top": "268.184px",
"width": "607.168px",
"height": "33px",
"color": "rgb(242, 101, 43)",
"fontSize": "27px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "33.0px",
"letterSpacing": "0.02em",
"textTransform": "uppercase",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "",
"left": "985px",
"top": "659.783px",
"width": "835px",
"height": "44px",
"color": "rgb(14, 101, 101)",
"fontSize": "37px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "44.0px",
"letterSpacing": "0.02em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "SCALABLE:",
"left": "993px",
"top": "594.783px",
"width": "548.099px",
"height": "33px",
"color": "rgb(242, 101, 43)",
"fontSize": "27px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "33.0px",
"letterSpacing": "0.02em",
"textTransform": "uppercase",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "",
"left": "985px",
"top": "746.783px",
"width": "883.426px",
"height": "43.9931px",
"color": "rgb(14, 101, 101)",
"fontSize": "37px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "44.0px",
"letterSpacing": "0.02em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "IMAGE",
"src": "https://storage.googleapis.com/lica-video/72fba3de-9af7-4f49-84fd-65cfcd8afcce.jpg",
"id": "0-0",
"left": "0.0px",
"top": "594.783px",
"width": "787.5px",
"height": "485.217px",
"transform": "rotate(0deg)",
"opacity": 1,
"overflow": "hidden"
}
],
"background": "rgb(226, 228, 227)",
"width": "1920px",
"height": "1080px",
"duration": 3
},
{
"components": [
{
"type": "IMAGE",
"src": "https://storage.googleapis.com/lica-video/a0ca7c10-d4e3-4231-a48b-f792d456c664.png",
"left": "1377.5px",
"top": "-41.1839px",
"width": "583.784px",
"height": "432px",
"transform": "none",
"opacity": 0.3,
"overflow": "hidden"
},
{
"type": "IMAGE",
"src": "https://storage.googleapis.com/lica-video/e7661a91-9e70-404c-98c9-f60d58437bd2.jpg",
"id": "0-0",
"left": "1280.0px",
"top": "230.127px",
"width": "540.0px",
"height": "496.49099999999993px",
"transform": "rotate(0deg)",
"opacity": 1,
"overflow": "hidden"
},
{
"type": "TEXT",
"text": "Method",
"left": "100.0px",
"top": "214.28799999999998px",
"width": "1118.72px",
"height": "115.207px",
"transform": "none",
"color": "rgb(14, 101, 101)",
"fontSize": "96px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "96.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Pretium & Neq",
"left": "100px",
"top": "100px",
"width": "392.5px",
"height": "25px",
"color": "rgb(14, 101, 101)",
"fontSize": "21px",
"fontFamily": "Raleway--500",
"fontWeight": "500",
"textAlign": "left",
"lineHeight": "25.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Digital Mktg Opt.",
"left": "1480.63px",
"top": "100px",
"width": "339.367px",
"height": "25px",
"color": "rgb(14, 101, 101)",
"fontSize": "21px",
"fontFamily": "Raleway--500",
"fontWeight": "500",
"textAlign": "right",
"lineHeight": "25.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "METHOD",
"left": "100px",
"top": "825.163px",
"width": "392.5px",
"height": "33px",
"color": "rgb(242, 101, 43)",
"fontSize": "27px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "33.0px",
"letterSpacing": "0.02em",
"textTransform": "uppercase",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Data analysis & A/B tests.",
"left": "100px",
"top": "914px",
"width": "540px",
"height": "82px",
"color": "rgb(14, 101, 101)",
"fontSize": "34px",
"fontFamily": "Raleway--600",
"fontWeight": "600",
"textAlign": "left",
"lineHeight": "41.0px",
"letterSpacing": "0.02em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "APPS",
"left": "690px",
"top": "825.163px",
"width": "392.5px",
"height": "33px",
"color": "rgb(242, 101, 43)",
"fontSize": "27px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "33.0px",
"letterSpacing": "0.02em",
"textTransform": "uppercase",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Litoria Analytics, Tempor SEO, Adipis Co.",
"left": "690px",
"top": "914px",
"width": "540px",
"height": "82px",
"color": "rgb(14, 101, 101)",
"fontSize": "34px",
"fontFamily": "Raleway--600",
"fontWeight": "600",
"textAlign": "left",
"lineHeight": "41.0px",
"letterSpacing": "0.02em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "TACTICS",
"left": "1280px",
"top": "825.163px",
"width": "392.5px",
"height": "33px",
"color": "rgb(242, 101, 43)",
"fontSize": "27px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "33.0px",
"letterSpacing": "0.02em",
"textTransform": "uppercase",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Keyword research, content creation, performance monitoring.",
"left": "1280px",
"top": "914px",
"width": "540px",
"height": "123px",
"color": "rgb(14, 101, 101)",
"fontSize": "34px",
"fontFamily": "Raleway--600",
"fontWeight": "600",
"textAlign": "left",
"lineHeight": "41.0px",
"letterSpacing": "0.02em",
"textTransform": "none",
"fontStyle": "normal"
}
],
"background": "rgb(248, 252, 244)",
"width": "1920px",
"height": "1080px",
"duration": 3
},
{
"components": [
{
"type": "TEXT",
"text": "Summary",
"left": "100.0px",
"top": "206.6px",
"width": "687.5px",
"height": "115.2px",
"transform": "none",
"color": "rgb(14, 101, 101)",
"fontSize": "96px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "96.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Pretium Neque",
"left": "100px",
"top": "100px",
"width": "392.5px",
"height": "25px",
"color": "rgb(252, 252, 252)",
"fontSize": "21px",
"fontFamily": "Raleway--500",
"fontWeight": "500",
"textAlign": "left",
"lineHeight": "25.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Digital Marketing Opt.",
"left": "1480.63px",
"top": "100px",
"width": "339.367px",
"height": "25px",
"color": "rgb(252, 252, 252)",
"fontSize": "21px",
"fontFamily": "Raleway--500",
"fontWeight": "500",
"textAlign": "right",
"lineHeight": "25.0px",
"letterSpacing": "0em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Summary: goals, strategies, outcomes.",
"left": "985px",
"top": "406.152px",
"width": "803.507px",
"height": "88px",
"color": "rgb(248, 252, 244)",
"fontSize": "37px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "44.0px",
"letterSpacing": "0.02em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "TEXT",
"text": "Approval of the proposal and next steps.\n \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor ut labore et dolore magna aliqua.",
"left": "985px",
"top": "565.576px",
"width": "835px",
"height": "255px",
"color": "rgb(248, 252, 244)",
"fontSize": "42px",
"fontFamily": "Raleway--400",
"fontWeight": "400",
"textAlign": "left",
"lineHeight": "51.0px",
"letterSpacing": "0.02em",
"textTransform": "none",
"fontStyle": "normal"
},
{
"type": "GROUP",
"left": "100.0px",
"top": "406.152px",
"width": "687.5009616000001px",
"height": "573.8496px",
"transform": "none",
"background": "rgb(193, 197, 197)",
"backgroundColor": "rgb(193, 197, 197)",
"clipPath": "path(\"M0,0L306.7012518386943,0L306.7012518386943,256L0,256Z\")"
},
{
"type": "IMAGE",
"src": "https://storage.googleapis.com/lica-video/193d8645-23c8-46d6-80e5-9823fcef4aef.jpg",
"id": "0-0",
"left": "100.0px",
"top": "406.152px",
"width": "687.5px",
"height": "573.848px",
"transform": "rotate(0deg)",
"opacity": 1,
"overflow": "hidden"
}
],
"background": "rgb(242, 101, 43)",
"width": "1920px",
"height": "1080px",
"duration": 3
},
{
"components": [
{
"type": "IMAGE",
"src": "https://storage.googleapis.com/lica-video/fd9603fd-1b16-4fcf-995e-a02f0073538b.svg",
"id": "0-0",
"left": "510.242px",
"top": "849.242px",
"width": "260.516px",
"height": "1px",
"transform": "rotate(-90deg)"
},
{
"type": "IMAGE",
"src": "https://storage.googleapis.com/lica-video/0ea15564-c4ce-4a3a-9d53-19e6ee840779.svg",
"id": "0-1",
"left": "1150.24px",
"top": "849.242px",
"width": "260.516px",
"height": "1px",
"transform": "rotate(-90deg)"
},
{
"type": "IMAGE",
"src": "https://storage.googleapis.com/lica-video/51bb737b-30a0-410a-baab-78a1886cff95.png",
"id": "0-2-0",
"left": "958.336px",
"top": "-46.837px",
"width": "1032.5px",
"height": "357.125px",
"transform": "rotate(0deg)",
"opacity": 1,
"overflow": "hidden"
},
{
"type": "TEXT",
"text": "Goals",
"id": "0-3",
"left": "100.0px",
"top": "214.28799999999998px",
"width": "540px",
"height": "211.2px",
"transform": "none",
"color": "rgb(14, 101, 101)",
"fontSize": "96px",
"fontFamily": "Raleway--700",
"fontWeight": "700",
"textAlign": "left",
"lineHeight": "96.0px",
```
_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