# gdb-hub / gdb__template-4-s73

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

## 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/background_image_21fd83e8-77d3-4c51-92f4-e03c1073b89f.jpeg",
        "left": "0.0px",
        "top": "-99.6px",
        "width": "1920.0px",
        "height": "1279.2px",
        "transform": "rotate(0deg)",
        "opacity": 0.12,
        "overflow": "visible"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/a4d1b1cd-19db-4215-8b30-1f1c33dd6b65.png",
        "left": "144.572px",
        "top": "250.612px",
        "width": "248.933px",
        "height": "210.914px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/65444a0f-b320-491c-b946-112be97e5ebc.png",
        "left": "439.007px",
        "top": "250.612px",
        "width": "245.249px",
        "height": "210.914px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4ddeae29-115d-436f-a1bd-f410b9300b13.png",
        "left": "730.287px",
        "top": "246.867px",
        "width": "157.677px",
        "height": "214.66px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/baeafa92-899b-4937-ab7b-b5c861d8e423.png",
        "left": "933.996px",
        "top": "250.612px",
        "width": "271.034px",
        "height": "210.914px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/fa05087b-a678-48bf-ad07-b6b718166cda.png",
        "left": "1251.06px",
        "top": "250.612px",
        "width": "254.392px",
        "height": "210.914px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/0f9cac43-5526-4dbd-a574-a51fb5342690.png",
        "left": "1551.48px",
        "top": "250.612px",
        "width": "223.943px",
        "height": "210.914px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e40867ac-fe0c-4073-a229-7ed55fc0c25b.png",
        "left": "1592.92px",
        "top": "748.256px",
        "width": "182.51px",
        "height": "241.3px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/f578e6bb-8a75-49d5-b133-fbec3304ddb2.png",
        "left": "144.572px",
        "top": "501.141px",
        "width": "248.238px",
        "height": "225.671px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c3545c4f-e9d9-4d8e-a546-d3c6db76a957.png",
        "left": "447.605px",
        "top": "513.953px",
        "width": "289.543px",
        "height": "200.048px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/182f8531-eaeb-4e29-9776-4cae960f9892.png",
        "left": "779.721px",
        "top": "501.141px",
        "width": "260.741px",
        "height": "212.86px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ba7d22db-93b1-4ea8-a372-75cdf466105f.png",
        "left": "1083.38px",
        "top": "540.524px",
        "width": "344.448px",
        "height": "173.477px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/f0c68d07-bf8a-4305-b835-1febd0808511.png",
        "left": "1454.9px",
        "top": "526.349px",
        "width": "320.524px",
        "height": "187.652px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/8deb4701-d1d6-4a93-a349-7ac30f35c0ac.png",
        "left": "1231.14px",
        "top": "770.555px",
        "width": "314.492px",
        "height": "219px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c0bd35c1-18b6-4924-ba86-3a971ddfb3fe.png",
        "left": "144.572px",
        "top": "757.554px",
        "width": "279.826px",
        "height": "232.001px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c10b8523-a332-43ff-aa16-79f1033c6e39.png",
        "left": "461.825px",
        "top": "757.554px",
        "width": "235.425px",
        "height": "232.001px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d3e5b847-29f0-4939-a7bb-81ba9d4ac15a.png",
        "left": "723.013px",
        "top": "738.449px",
        "width": "190.385px",
        "height": "251.107px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9eae3d58-8bcf-44ec-9188-4d50c116467b.png",
        "left": "946.013px",
        "top": "738.449px",
        "width": "260.583px",
        "height": "251.107px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Recs",
        "left": "674.894px",
        "top": "42.1923px",
        "width": "570.212px",
        "height": "150.889px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "126px",
        "fontFamily": "Chewy--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "176.18899199999998px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(252, 252, 252)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/background_image_8793c70d-f516-43ae-8451-50310272c15c.jpeg",
        "left": "0.0px",
        "top": "-99.6px",
        "width": "1920.0px",
        "height": "1279.2px",
        "transform": "rotate(0deg)",
        "opacity": 0.12,
        "overflow": "visible"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4c43e238-b47f-4d91-b753-3ad79b718f1b.svg",
        "left": "1022.07px",
        "top": "868.07px",
        "width": "384.807px",
        "height": "661.387px",
        "transform": "rotate(-168.5deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/86994479-b190-4759-a33d-4359fc1dc34a.svg",
        "left": "-187.461px",
        "top": "-206.699px",
        "width": "627.715px",
        "height": "614.989px",
        "transform": "rotate(86.8974deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/410097c8-7fcf-4519-8fbb-7baddddf946f.svg",
        "left": "1468.87px",
        "top": "-100.702px",
        "width": "581.965px",
        "height": "505.78px",
        "transform": "rotate(172.894deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/dcd541fc-73c9-4a40-a7a1-695755d28898.svg",
        "left": "1516.84px",
        "top": "640.046px",
        "width": "584.71px",
        "height": "572.856px",
        "transform": "rotate(-90.1053deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/820460b6-2e1f-429e-af20-248f71f7add4.svg",
        "left": "-56.573px",
        "top": "598.549px",
        "width": "483.509px",
        "height": "567.014px",
        "transform": "rotate(-88.6299deg) scale(-1, 1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/98ac0e58-104c-4972-b981-bf4925ca5e43.svg",
        "left": "741.62px",
        "top": "-349.919px",
        "width": "384.807px",
        "height": "661.387px",
        "transform": "rotate(-93.1026deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4b2ea119-08f9-41c9-985f-c4f67b7cdc40.svg",
        "left": "126.397px",
        "top": "545.775px",
        "width": "49.3397px",
        "height": "46.7381px",
        "transform": "rotate(86.8974deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cfcb0426-523c-4c28-a21f-4fc1b8da5258.svg",
        "left": "1759.85px",
        "top": "465.858px",
        "width": "49.3397px",
        "height": "46.7381px",
        "transform": "rotate(86.8974deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/0fe87d59-c244-4c8d-aab5-dc53010761f1.svg",
        "left": "655.434px",
        "top": "878.241px",
        "width": "406.597px",
        "height": "698.839px",
        "transform": "rotate(-28.4548deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/62981999-7509-428e-921a-967361ff0404.png",
        "left": "753.341px",
        "top": "515.126px",
        "width": "413.319px",
        "height": "342.679px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "METAS",
        "curvature": 77,
        "left": "660.528px",
        "top": "265.803px",
        "width": "598.945px",
        "height": "235.529px",
        "color": "rgb(1, 1, 1)",
        "fontSize": "126px",
        "fontFamily": "Chewy--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "177.0px",
        "letterSpacing": "0.049em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(252, 252, 252)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/background_image_2b756504-3012-4e74-a961-bfeed6ed713e.jpeg",
        "left": "0.0px",
        "top": "-99.6px",
        "width": "1920.0px",
        "height": "1279.2px",
        "transform": "rotate(0deg)",
        "opacity": 0.12,
        "overflow": "visible"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b94e6cfa-9c72-4af8-b01a-b5f46f2ef0e2.svg",
        "left": "1022.07px",
        "top": "868.07px",
        "width": "384.807px",
        "height": "661.387px",
        "transform": "rotate(-168.5deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9d46c2ad-1bf0-4e4c-a86b-bd9388a98d8c.svg",
        "left": "-187.461px",
        "top": "-206.699px",
        "width": "627.715px",
        "height": "614.989px",
        "transform": "rotate(86.8974deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/46c605a9-17ea-41e6-b36e-5c99073835ea.svg",
        "left": "1468.87px",
        "top": "-100.702px",
        "width": "581.965px",
        "height": "505.78px",
        "transform": "rotate(172.894deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/dffb339c-d833-4854-9904-7bcfc48c1caf.svg",
        "left": "1516.84px",
        "top": "640.046px",
        "width": "584.71px",
        "height": "572.856px",
        "transform": "rotate(-90.1053deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/767e4ccf-79a0-42d1-8873-76bc4a6a4158.svg",
        "left": "-56.573px",
        "top": "598.549px",
        "width": "483.509px",
        "height": "567.014px",
        "transform": "rotate(-88.6299deg) scale(-1, 1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/64bd2318-4ca8-4306-a46c-cce750c658f6.svg",
        "left": "741.62px",
        "top": "-349.919px",
        "width": "384.807px",
        "height": "661.387px",
        "transform": "rotate(-93.1026deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/941e51f4-a158-4fab-b156-95cb222c791a.svg",
        "left": "126.397px",
        "top": "545.775px",
        "width": "49.3397px",
        "height": "46.7381px",
        "transform": "rotate(86.8974deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1124ad2a-4eb7-49a7-a01e-4107702f6863.svg",
        "left": "1759.85px",
        "top": "465.858px",
        "width": "49.3397px",
        "height": "46.7381px",
        "transform": "rotate(86.8974deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/0f92b074-72b7-49c9-91aa-be5cdd613d0f.svg",
        "left": "655.434px",
        "top": "878.241px",
        "width": "406.597px",
        "height": "698.839px",
        "transform": "rotate(-28.4548deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.go
```
_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