# 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