# gdb-hub / gdb__template-4-s29

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

## 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/ea840c1b-dd46-49d1-8a79-9ac1e67bb7ac.jpg",
        "left": "-2.2830000000000013px",
        "top": "124.735px",
        "width": "1227.3796458px",
        "height": "830.5272px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M752.4842255231843,563.5111716044318L759.3002058268363,482.91220451374636L545.2784242921625,460.0786704965121L851.997537956504,424.46517340993023L826.9488103405827,152.6779588018055L791.3353132540008,156.76754698399674L791.5057127615921,0.6815980303652032L47.37106311038162,0.0L47.200663602790314,222.37135740664752L225.60894805088225,222.5417569142388L86.9037488715634,238.55931062782108L102.92130258514567,412.8780068937218L18.743945835043085,404.0172324989741L0.0,625.7069918752564L112.97487353303241,637.8053569142388L50.94945276979893,644.9621362330735L67.98940352892902,830.5272L808.0344649979482,744.6458481739844L790.9945142388182,559.0807844070579L752.4842255231843,563.5111716044318Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/64273ed8-9c09-4100-b6b2-e1d8063a5fc1.svg",
        "left": "1563.72px",
        "top": "890.757px",
        "width": "397.742px",
        "height": "334.826px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/eeb33406-c15b-4b83-a698-131e30f9d18a.svg",
        "left": "69.7832px",
        "top": "47.2813px",
        "width": "218.785px",
        "height": "216px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a868f76f-29d3-43ea-9b88-cc0b1f91ccb0.svg",
        "left": "29.7261px",
        "top": "737.238px",
        "width": "298.899px",
        "height": "320.932px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cf5a49ca-1ddf-4d7e-94db-98983791e7fe.svg",
        "left": "686.936px",
        "top": "833.082px",
        "width": "214.595px",
        "height": "129.632px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4ac90515-196c-4725-b89f-bf0435bcc0ec.svg",
        "left": "1654.52px",
        "top": "-168.719px",
        "width": "265.484px",
        "height": "432px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "CASUAL WEAR",
        "left": "960.0px",
        "top": "229.019px",
        "width": "802.588px",
        "height": "735.476px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "368px",
        "fontFamily": "League Gothic--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "294.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "COLORFUL WORK FASHION",
        "left": "1096.85px",
        "top": "827.00785px",
        "width": "528.897px",
        "height": "115.351px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "44px",
        "fontFamily": "Montserrat--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "62.114345px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "BY JULIANA SILVA",
        "left": "1006.4px",
        "top": "127.12827000000001px",
        "width": "709.798px",
        "height": "47.4286px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "39px",
        "fontFamily": "Montserrat--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "55.354530000000004px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(6, 84, 172)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/559fbe87-c964-4ea4-8304-9667a2854bf3.jpg",
        "left": "1120.0px",
        "top": "126.89500000000001px",
        "width": "996.6719999999999px",
        "height": "1495.94238px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M865.1775117518018,348.2573738639924L996.6719999999999,272.35913005327484L894.8496646819177,95.8879047320589L756.7960689439047,175.53420996552805L655.2860720777186,0.0L0.0,378.2418652460043L101.82233531808211,554.7130905672202L197.39790159824506,499.4291845816358L297.97088310874335,673.71404073958L128.68344218113444,771.1636377311187L230.50577749921652,947.6348630523345L104.00870448135379,1020.7220607959887L205.8310397994359,1197.1932861172047L317.64820557818865,1132.5392265747414L418.2211870886869,1306.5117442807896L902.3457875274207,1026.6564913820118L802.0851444688184,852.9963121278595L941.0757555625196,772.4129915387026L839.5657586963333,596.2541046693826L966.0628317141961,523.1669069257285L865.1775117518018,348.2573738639924Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cbac1e54-c572-4b9d-bd88-e66404641e41.png",
        "left": "640.225px",
        "top": "928.712px",
        "width": "358.02px",
        "height": "86.5757px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a7a15ced-35ec-4d89-b1a3-9754ba7ff4a9.svg",
        "left": "-217.234px",
        "top": "-113.255px",
        "width": "751.234px",
        "height": "669.281px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/458f3c12-4a16-4f63-a437-d4d728c46e99.svg",
        "left": "688.471px",
        "top": "-141.639px",
        "width": "450.342px",
        "height": "353.723px",
        "transform": "rotate(-159.122deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "INTRO",
        "left": "108.0px",
        "top": "214.80079999999998px",
        "width": "753.63px",
        "height": "216.236px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "180px",
        "fontFamily": "League Gothic--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "143.927952px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Presentations convey information, ideas, or proposals to an audience. Speakers deliver messages using multimedia aids (slides, graphics, videos, visuals). They occur in diverse settings: business, academic, educational, or public speeches.",
        "left": "108.0px",
        "top": "407.29227px",
        "width": "852px",
        "height": "294.483px",
        "transform": "none",
        "color": "rgb(235, 233, 218)",
        "fontSize": "30px",
        "fontFamily": "Montserrat--400",
        "fontWeight": "400",
        "textAlign": "justify",
        "lineHeight": "37.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Presentations convey information, ideas, or proposals to an audience. Speakers deliver messages using multimedia aids (slides, graphics, videos, visuals).",
        "left": "108.0px",
        "top": "722.24601px",
        "width": "852px",
        "height": "221.583px",
        "transform": "none",
        "color": "rgb(235, 233, 218)",
        "fontSize": "30px",
        "fontFamily": "Montserrat--400",
        "fontWeight": "400",
        "textAlign": "justify",
        "lineHeight": "37.18352px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(6, 84, 172)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a61d0636-7a09-4708-9726-156c31115bfa.svg",
        "left": "617.174px",
        "top": "465.582px",
        "width": "76.8142px",
        "height": "76.8142px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e801b588-7481-4cd0-8e1e-23a794f04b8e.svg",
        "left": "617.174px",
        "top": "665.507px",
        "width": "76.8142px",
        "height": "76.8142px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cd6dcda3-6c1d-4450-abeb-a64e3540a7ed.svg",
        "left": "617.174px",
        "top": "766.793px",
        "width": "76.8142px",
        "height": "76.8142px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a8ecdf76-0028-4ef2-8db2-6efb1641ff7b.svg",
        "left": "617.174px",
        "top": "565.212px",
        "width": "76.8142px",
        "height": "76.8142px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/72bd3dae-6977-4636-b17f-a8bbcd298606.svg",
        "left": "-128.168px",
        "top": "205.709px",
        "width": "612.338px",
        "height": "996.409px",
        "transform": "rotate(-30.3593deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c078a237-4d2b-499e-b637-8659ac0bec8d.svg",
        "left": "1225.87px",
        "top": "-200.926px",
        "width": "945.513px",
        "height": "804.545px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "+123-456-7890\nloremipsumsite.co\nlorem@ipsumsite.co\n@loremipsumsite",
        "left": "724.943px",
        "top": "451.95270000000005px",
        "width": "665.029px",
        "height": "349.739px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "42px",
        "fontFamily": "Montserrat--500",
        "fontWeight": "500",
        "textAlign": "justify",
        "lineHeight": "100.0px",
        "letterSpacing": "0.052em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/f4f6ed6f-b5fc-42fd-b682-92107c18c06d.svg",
        "left": "1353.15px",
        "top": "805.2px",
        "width": "458.853px",
        "height": "157.525px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "THANKS",
        "left": "530.028px",
        "top": "272.547px",
        "width": "761.18px",
        "height": "229.189px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "191px",
        "fontFamily": "League Gothic--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "152.5752px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(6, 84, 172)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/dd84d934-c6f8-4541-ad16-a66d71921411.jpg",
        "left": "943.4236px",
        "top": "12.467000000000013px",
        "width": "912.0377422499998px",
        "height": "1368.9136680099998px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M780.3587264082794,509.5892778522245C780.3587264082794,609.2828933946316 704.8298900276254,690.1022435562611 611.6501202816146,690.1022435562611C574.9024975326764,690.1022435562611 540.9033999612418,677.519399969076 513.1957241833999,656.1825831286851C480.18164719581085,724.180778271554 413.75630750134,770.6356199999999 337.178900821754,770.6356199999999C227.69862915598068,770.6356199999999 138.95145203727373,675.676458231559 138.95145203727373,558.538445897827C138.95145203727373,551.9133881000288 139.25331318393603,545.3518800173174 139.80937319094545,538.8856965072362C60.404004189997124,524.2215997509586 0.0,450.1702942460727 0.0,361.02593140807323C0.0,261.33231586566615 75.52883638065393,180.51296570403662 168.70860612666473,180.51296570403662C168.70860612666473,80.81935016162947 244.2374425073187,0.0 337.41721225332947,0.0C386.0645191522698,0.0 429.8820477046138,22.035863706345605 460.6718846641652,57.274180721972535C496.11673825382417,21.749889988455035 543.7472497113758,0.0 596.1439898004371,0.0C705.6242614662103,0.0 794.3714385849173,94.95916176844102 794.3714385849173,212.09717410217291C794.3714385849173,277.31506920999465 766.8544119523358,335.63782023089925 723.5770559782295,374.5461332927885C758.4022998457923,407.6078725666928 780.3587264082794,455.8579937463407 780.3587264082794,509.5892778522245Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/34d9676d-e3d1-4ce9-b6b5-f4c33d2a5c19.svg",
        "left": "1492.33px",
        "top": "-164.008px",
        "width": "639.335px",
        "height": "544.016px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a4e23ec7-9512-40ae-894c-8d507d4fe6d4.svg",
        "left": "564.423px",
        "top": "805.7px",
        "width": "643.902px",
        "height": "432px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/3aed196c-ba0f-442b-acaa-e76e0ea23ffe.svg",
        "left": "922.53px",
        "top": "213.217px",
        "width": "256.421px",
        "height": "277.319px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.
```
_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