# gdb-hub / gdb__template-4-s76 - 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/9de8596b-a9a1-4c91-a5a5-04b02587e903.svg", "id": "0-0", "left": "555.596px", "top": "-67.5863px", "width": "650.487px", "height": "820.568px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/9b92232a-fda2-4826-bd24-7d4b57c7dfb9.svg", "id": "0-1", "left": "-55.2228px", "top": "470.192px", "width": "523.089px", "height": "769.249px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "Cosas importantes a saber", "id": "0-2", "left": "184.064px", "top": "726.4273300000001px", "width": "629.707px", "height": "162.667px", "transform": "none", "color": "rgb(249, 211, 185)", "fontSize": "66px", "fontFamily": "League Spartan--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "83.0px", "letterSpacing": "-0.02em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/4544dd8b-cd4e-4b1f-89e1-f14cd16d9f64.svg", "id": "0-3", "left": "392.208px", "top": "797.701px", "width": "425.554px", "height": "8px", "transform": "rotate(1.53066e-14deg)" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/d233fe61-fe7f-4048-9d4d-af68a3da649f.svg", "id": "0-4", "left": "962.393px", "top": "956.7px", "width": "84.0251px", "height": "84.0251px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/5e5cc118-361c-46de-99ec-3343d8f8d1bf.svg", "id": "0-5", "left": "987.742px", "top": "995.712px", "width": "33.3283px", "height": "6px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/e2f3c6ff-0397-4962-a1e2-84fb57b7d85b.svg", "id": "0-6", "left": "225.843px", "top": "5.81695px", "width": "130.248px", "height": "132.171px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/0a02bd22-492a-40ed-95b8-a9ee59b53cfe.svg", "id": "0-7", "left": "65.7594px", "top": "493.282px", "width": "236.61px", "height": "236.61px", "transform": "rotate(12.6843deg)", "opacity": 1, "overflow": "hidden" }, { "type": "GROUP", "id": "0-8-0", "left": "128.073px", "top": "191.988px", "width": "262.0672px", "height": "270.1554537px", "transform": "none", "background": "rgb(249, 211, 185)", "backgroundColor": "rgb(249, 211, 185)", "clipPath": "path(\"M154.44704673343165,0L102.19467328183471,0C45.74981910524328,0 0,44.695233387964606 0,103.38915270828056C0,146.28173618002188 23.984322513579826,180.71030393363466 58.63619754048572,196.6837365285077L58.63619754048572,230.29219350127545C58.63619754048572,236.40595738439805 62.17103613967414,241.96845704637005 67.7061117474641,244.56480967294186C73.24118740121152,247.16116229951373 79.77832951194252,246.32315343221748 84.4795277816731,242.41459308393598L117.89442146604925,214.63356340599034C124.45404178158229,209.1799172848536 132.7155797988134,206.19417224430663 141.24616443014312,206.19417224430663L154.44704673343165,206.19417224430663C210.2461366387267,206.19417224270347 256,161.49870906746443 256,103.38442988739254C256.0041361709398,44.695233387964606 210.2461366387267,0 154.44704674645112,0Z\")" }, { "type": "GROUP", "id": "0-9-0", "left": "100.3px", "top": "191.988px", "width": "879.4011641999999px", "height": "210.674432px", "transform": "none", "background": "rgb(249, 211, 185)", "backgroundColor": "rgb(249, 211, 185)", "clipPath": "path(\"M85.06016666726723,0L983.539144557262,0C1006.0985033949845,0 1027.733889587759,8.96167040812791 1043.6857652306644,24.913545993864894C1059.6376408164012,40.8654216367702 1068.5993112245292,62.50080782954475 1068.5993112245292,85.06016666726723L1068.5993112245292,170.939833324148C1068.5993112245292,193.4991921618705 1059.6376408164012,215.13457841181335 1043.6857652306644,231.08645399755034C1027.733889587759,247.03832958328732 1006.0985033949845,255.99999999141522 983.539144557262,255.99999999141522L85.06016666726723,255.99999999141522C62.50080782954475,255.99999999141522 40.8654216367702,247.03832958328732 24.913545993864894,231.08645399755034C8.96167040812791,215.13457841181335 0,193.4991921618705 0,170.939833324148L0,85.06016666726723C0,62.50080782954475 8.96167040812791,40.8654216367702 24.913545993864894,24.913545993864894C40.8654216367702,8.96167040812791 62.50080782954475,0 85.06016666726723,0Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/673c709f-5a1a-4014-bc98-f73da11860ce.svg", "id": "0-10", "left": "834.434px", "top": "262.234px", "width": "92.5651px", "height": "70.1812px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "GROUP", "id": "0-11-0", "left": "604.985px", "top": "428.992px", "width": "244.759552px", "height": "270.154311612px", "transform": "none", "background": "rgb(249, 211, 185)", "backgroundColor": "rgb(249, 211, 185)", "clipPath": "path(\"M147.574648705182,0L109.4208219729266,0C48.984772403966815,0 0,47.85561730889345 0,110.69976261116325C0,156.62526527485784 25.68024535547062,193.4882647049909 62.782342036092246,210.5911729890651L62.782342036092246,246.57607189920878C62.782342036092246,253.12213783353354 66.56712780470214,259.07795985136556 72.4935866233178,261.8578996408649C78.42004549114051,264.63783943036424 85.41942657568443,263.74057525665063 90.4530448887737,259.55564200812125L133.07179857544043,224.12255426137745C135.67443488604846,221.95873123027673 138.9523348280722,220.77408820298723 142.33698335183732,220.77408820298723L147.574648705182,220.77408820298723C207.01089737210995,220.77408820127073 256,172.91822485692708 256,110.69470584130428C256.0044286381033,47.85561730889345 207.01089737210995,0 147.57464869548855,0Z\")" }, { "type": "GROUP", "id": "0-12-0", "left": "322.609px", "top": "428.992px", "width": "558.230461457px", "height": "210.674432px", "transform": "none", "background": "rgb(249, 211, 185)", "backgroundColor": "rgb(249, 211, 185)", "clipPath": "path(\"M85.06016666726723,0L593.2711946038662,0C615.8305533844205,0 637.4659396343633,8.96167040812791 653.4178152201002,24.913545993864894C669.3696908630055,40.8654216367702 678.3313612711336,62.50080782954475 678.3313612711336,85.06016666726723L678.3313612711336,170.939833324148C678.3313612711336,193.4991921618705 669.3696908630055,215.13457841181335 653.4178152201002,231.08645399755034C637.4659396343633,247.03832958328732 615.8305533844205,255.99999999141522 593.2711946038662,255.99999999141522L85.06016666726723,255.99999999141522C62.50080782954475,255.99999999141522 40.8654216367702,247.03832958328732 24.913545993864894,231.08645399755034C8.96167040812791,215.13457841181335 0,193.4991921618705 0,170.939833324148L0,85.06016666726723C0,62.50080782954475 8.96167040812791,40.8654216367702 24.913545993864894,24.913545993864894C40.8654216367702,8.96167040812791 62.50080782954475,0 85.06016666726723,0Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/8bd5759d-66a5-484c-acaa-db3a4f7a6435.svg", "id": "0-13", "left": "384.25px", "top": "496.576px", "width": "106.167px", "height": "74.7027px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/63229421-dc21-40e6-8ada-42b703e7e12d.svg", "id": "0-14", "left": "899.211px", "top": "402.662px", "width": "160.978px", "height": "163.656px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/754c4b55-9348-4265-ae51-1d3c1e5ba3bd.svg", "id": "0-15", "left": "482.043px", "top": "926.933px", "width": "88.8222px", "height": "90.1332px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "Meno.", "id": "0-16", "left": "143.117px", "top": "234.94549999999998px", "width": "674.931px", "height": "125.12px", "transform": "none", "color": "rgb(226, 81, 60)", "fontSize": "104px", "fontFamily": "League Spartan--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "154.42290000000003px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "P. Frecuentes", "id": "0-17", "left": "523.466px", "top": "466.76554px", "width": "310.968px", "height": "122.334px", "transform": "none", "color": "rgb(226, 81, 60)", "fontSize": "46px", "fontFamily": "League Spartan--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "67.62310000000001px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(226, 81, 60)", "width": "1080px", "height": "1080px", "duration": 3 }, { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/107fb140-5104-45b5-8da6-23c8c7c52266.svg", "left": "676.553px", "top": "-53.2316px", "width": "606.515px", "height": "711.265px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/44c36b61-12bb-432f-ba46-753421c7c1be.svg", "left": "-238.768px", "top": "442.57px", "width": "693.536px", "height": "827.43px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/03d77bd1-e3ba-4aa7-a2e7-c7410d548b9f.svg", "left": "812.65px", "top": "34.7649px", "width": "246.456px", "height": "250.093px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/f39b4c51-25f5-4b67-87c9-25f4bc4ea2a3.svg", "left": "13.4798px", "top": "902.41px", "width": "253.892px", "height": "258.116px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "Si tienes s\u00edntomas de menopausia, consulta a tu m\u00e9dico para asesor\u00eda experta.", "left": "172.658px", "top": "642.87933px", "width": "737.111px", "height": "227.467px", "transform": "none", "color": "rgb(252, 227, 194)", "fontSize": "42px", "fontFamily": "Livvic--600", "fontWeight": "600", "textAlign": "left", "lineHeight": "59.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "GROUP", "left": "92.5263px", "top": "180.984px", "width": "745.2567154399999px", "height": "185.437696px", "transform": "none", "background": "rgb(249, 211, 185)", "backgroundColor": "rgb(249, 211, 185)", "clipPath": "path(\"M82.83111088969207,0L946.0064982879076,0C991.7528576139392,0 1028.8376091149266,37.08475150098754 1028.8376091149266,82.83111088969207L1028.8376091149266,173.168889159725C1028.8376091149266,218.91524848575665 991.7528576139392,255.99999998674417 946.0064982879076,255.99999998674417L82.83111088969207,255.99999998674417C37.08475150098754,255.99999998674417 0,218.91524848575665 0,173.168889159725L0,82.83111088969207C0,37.08475150098754 37.08475150098754,0 82.83111088969207,0Z\")" }, { "type": "GROUP", "left": "711.339px", "top": "385.313px", "width": "252.88443452799999px", "height": "242.833408px", "transform": "none", "background": "rgb(249, 211, 185)", "backgroundColor": "rgb(249, 211, 185)", "clipPath": "path(\"M160.83952130656465,0L106.42445212371369,0C47.64337784619134,0 0,46.545143431669985 0,97.42056387617632C0,133.5129063893094 24.9770198494279,169.36645279165097 61.06311608487005,186.00101658888758L61.06311608487005,221.00050829317755C61.06311608487005,227.3673173525958 64.74425962379904,233.16004568131325 70.50842883248015,235.8638598521443C76.27259808902087,238.56767402297535 83.0803087577634,237.694980449888 87.97608692421663,233.62464703328058L122.77400386969785,204.69377649021155C129.60512310323108,199.0144070878754 138.20860143481,195.90508377466324 147.09226206534518,195.90508377466324L160.83952130656465,195.90508377466324C218.9481035004316,195.90508377592948 266.5956929920876,149.35970104622174 266.5956929920876,97.41865731593965C266.6000003567674,46.545143431669985 218.9481035004316,0 160.839521320123,0Z\")" }, { "type": "GROUP", "left": "234.436px", "top": "385.313px", "width": "745.372614px", "height": "185.437696px", "transform": "none", "background": "rgb(249, 211, 185)", "backgroundColor": "rgb(249, 211, 185)", "clipPath": "path(\"M82.83111088969207,0L946.1724594191306,0C991.9188188078351,0 1029.0035703088226,37.08475150098754 1029.0035703088226,82.83111088969207L1029.0035703088226,173.168889159725C1029.0035703088226,218.91524848575665 991.9188188078351,255.99999998674417 946.1724594191306,255.99999998674417L82.83111088969207,255.99999998674417C37.08475150098754,255.99999998674417 0,218.91524848575665 0,173.168889159725L0,82.83111088969207C0,37.08475150098754 37.08475150098754,0 82.83111088969207,0Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/3ae07134-a78e-4287-8523-0e23b13e30ca.svg", "left": "701.339px", "top": "239.842px", "widt ``` _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