# gdb-hub / gdb__template-4-s115

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

## 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/bf010e5c-7949-4bf8-a1c7-0be064230f93.jpg",
        "left": "207.92299999999997px",
        "top": "505.4906px",
        "width": "537.6604886px",
        "height": "358.21661100000006px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M135.28576,0.0C60.569497882731255,0.0 0.0,60.56949788273124 0.0,135.28576C0.0,210.00202211726875 60.56949788273123,270.57152 135.28576,270.57152C210.00202211726875,270.57152 270.57152,210.0020221172688 270.57152,135.28576C270.57152,60.569497882731284 210.0020221172688,0.0 135.28576,0.0Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/938e050a-19e1-412a-b9f0-ddd2e882697c.jpg",
        "left": "573.2842px",
        "top": "540.0px",
        "width": "426.1025826px",
        "height": "283.89082584px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M135.28576,0.0C60.569497882731255,0.0 0.0,60.56949788273124 0.0,135.28576C0.0,210.00202211726875 60.56949788273123,270.57152 135.28576,270.57152C210.00202211726875,270.57152 270.57152,210.0020221172688 270.57152,135.28576C270.57152,60.569497882731284 210.0020221172688,0.0 135.28576,0.0Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/81038a8c-14d2-46d0-be59-9c1efb47b495.jpg",
        "left": "939.1613px",
        "top": "540.0px",
        "width": "360.76167436000003px",
        "height": "270.57152px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M135.28576,0.0C60.569497882731255,0.0 0.0,60.56949788273124 0.0,135.28576C0.0,210.00202211726875 60.56949788273123,270.57152 135.28576,270.57152C210.00202211726875,270.57152 270.57152,210.0020221172688 270.57152,135.28576C270.57152,60.569497882731284 210.0020221172688,0.0 135.28576,0.0Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/63064859-85b4-40fa-b9e3-a76a5101be6c.jpg",
        "left": "1231.9398999999999px",
        "top": "540.0px",
        "width": "406.11094080000004px",
        "height": "270.57152px",
        "transform": "rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M135.28576,0.0C60.569497882731255,0.0 0.0,60.56949788273124 0.0,135.28576C0.0,210.00202211726875 60.56949788273123,270.57152 135.28576,270.57152C210.00202211726875,270.57152 270.57152,210.0020221172688 270.57152,135.28576C270.57152,60.569497882731284 210.0020221172688,0.0 135.28576,0.0Z\")"
      },
      {
        "type": "TEXT",
        "text": "BEST SELLERS",
        "left": "475.159px",
        "top": "213.95003px",
        "width": "969.682px",
        "height": "277.38px",
        "transform": "none",
        "color": "rgb(252, 105, 45)",
        "fontSize": "121px",
        "fontFamily": "League Spartan--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "132.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "FOOD1",
        "left": "386.20937px",
        "top": "827.97397px",
        "width": "209.126px",
        "height": "42.5568px",
        "transform": "none",
        "color": "rgb(252, 105, 45)",
        "fontSize": "35px",
        "fontFamily": "Arimo--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "49.744524px",
        "letterSpacing": "0.096em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "FOOD2",
        "left": "700.43837px",
        "top": "827.97397px",
        "width": "209.126px",
        "height": "42.5568px",
        "transform": "none",
        "color": "rgb(252, 105, 45)",
        "fontSize": "35px",
        "fontFamily": "Arimo--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "49.744524px",
        "letterSpacing": "0.096em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "FOOD3",
        "left": "1014.6653699999999px",
        "top": "827.97397px",
        "width": "209.126px",
        "height": "42.5568px",
        "transform": "none",
        "color": "rgb(252, 105, 45)",
        "fontSize": "35px",
        "fontFamily": "Arimo--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "49.744524px",
        "letterSpacing": "0.096em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "FOOD4",
        "left": "1328.89537px",
        "top": "827.97397px",
        "width": "209.126px",
        "height": "42.5568px",
        "transform": "none",
        "color": "rgb(252, 105, 45)",
        "fontSize": "35px",
        "fontFamily": "Arimo--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "49.744524px",
        "letterSpacing": "0.096em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/afe657d5-690f-4d9f-9cab-4ccb7b32c673.png",
        "left": "-181.097px",
        "top": "-148.434px",
        "width": "635.457px",
        "height": "633.074px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/fd9bc734-d15b-49ab-bd30-e98bb8ea7ccb.png",
        "left": "1589.56px",
        "top": "641.079px",
        "width": "632.772px",
        "height": "598.76px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/26af628f-bc71-416f-9f59-eb4263315e99.png",
        "left": "1589.56px",
        "top": "72.5188px",
        "width": "462.042px",
        "height": "442.406px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cce71351-f578-40ab-a23e-527bc5bf9896.png",
        "left": "50.2613px",
        "top": "623.488px",
        "width": "172.741px",
        "height": "172.309px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4525554e-7745-4636-b19c-a7f81d3bad69.png",
        "left": "-112.897px",
        "top": "832.381px",
        "width": "381.152px",
        "height": "380.199px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/64445309-034b-438a-aec8-d0948523b8df.png",
        "left": "1431.34px",
        "top": "49.0698px",
        "width": "172.741px",
        "height": "172.309px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      }
    ],
    "background": "rgb(252, 240, 189)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "TEXT",
        "text": "SALES TARGET",
        "left": "475.159px",
        "top": "213.95003px",
        "width": "969.682px",
        "height": "277.38px",
        "transform": "none",
        "color": "rgb(252, 105, 45)",
        "fontSize": "121px",
        "fontFamily": "League Spartan--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "132.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "A structured presentation conveys information, ideas, or proposals to an audience. Speakers use visual aids (slides, charts, multimedia) to support their message.",
        "left": "539.641px",
        "top": "751.216px",
        "width": "840.718px",
        "height": "127.2px",
        "transform": "none",
        "color": "rgb(106, 42, 1)",
        "fontSize": "24px",
        "fontFamily": "Arimo--400",
        "fontWeight": "400",
        "textAlign": "justify",
        "lineHeight": "33.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/54b6d5b1-c53d-4f86-8877-6290b5b1459a.png",
        "left": "1475.73px",
        "top": "47.4301px",
        "width": "626.947px",
        "height": "634.08px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/08df25cb-415e-4090-8f89-ce107abe34e1.png",
        "left": "-118.142px",
        "top": "540.0px",
        "width": "593.301px",
        "height": "591.076px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/cb8b85e5-bd89-462b-96e2-9be56fa0c312.png",
        "left": "1475.73px",
        "top": "744.63px",
        "width": "586.8px",
        "height": "586.8px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ed563b32-94fe-47a2-b22b-372683bdad26.png",
        "left": "-185.447px",
        "top": "-214.104px",
        "width": "739.614px",
        "height": "570.428px",
        "transform": "rotate(-45deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7324007e-1f8e-459b-9df9-884e7b83bb42.png",
        "left": "302.926px",
        "top": "398.739px",
        "width": "172.232px",
        "height": "171.802px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      }
    ],
    "background": "rgb(252, 240, 189)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/633ab349-15dc-4c82-8c47-075d3f90a8b8.png",
        "left": "478.354px",
        "top": "341.288px",
        "width": "186.832px",
        "height": "262.807px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/013229c4-cb55-41b1-add7-98e11202b094.png",
        "left": "1046.48px",
        "top": "341.288px",
        "width": "208.335px",
        "height": "262.807px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1da2c574-7a3a-41e9-a617-4e8640b4d661.png",
        "left": "1544.85px",
        "top": "46.8574px",
        "width": "674.575px",
        "height": "444.939px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/24a6656a-92dc-4f18-88ad-84f90c94bdd4.png",
        "left": "1254.81px",
        "top": "341.288px",
        "width": "261.374px",
        "height": "262.807px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/08437a23-ca81-4455-92f3-76fc327a8edc.png",
        "left": "852.018px",
        "top": "341.288px",
        "width": "186.832px",
        "height": "262.807px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/7ebcd538-07ec-469a-b74c-679481ae2dfa.png",
        "left": "216.98px",
        "top": "341.288px",
        "width": "261.374px",
        "height": "262.807px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5f078181-f9e0-4948-a335-ee76b9338439.png",
        "left": "1516.19px",
        "top": "341.288px",
        "width": "186.832px",
        "height": "262.807px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b366792d-11b6-4449-884e-cb31a8d25071.png",
        "left": "665.186px",
        "top": "341.288px",
        "width": "186.832px",
        "height": "262.807px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/6bbc5474-7890-459f-b468-32759a41c7c8.png",
        "left": "-419.168px",
        "top": "638.762px",
        "width": "838.335px",
        "height": "666.477px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "VOLUPTAS RESTAURANT",
        "left": "354.17136999999997px",
        "top": "658.05197px",
        "width": "1215.89px",
        "height": "76.2534px",
        "transform": "none",
        "color": "rgb(252, 105, 45)",
        "fontSize": "64px",
        "fontFamily": "Arimo--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "89.13259px",
        "letterSpacing": "0.096em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e41a036e-dccb-40eb-98b1-06b5d8a3ce6a.png",
        "left": "1577.45px",
        "top": "721.494px",
        "width": "304.685px",
        "height": "303.923px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d62abe08-1909-425a-9bc5-d3ae152db356.png",
        "left": "51.4659px",
        "top": "118.039px",
        "width": "178.992px",
        "height": "178.545px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/32bdebce-9d2d-4abb-93f9-fffdad2e8e7a.png",
        "left": "196.971px",
        "top": "-102.084px",
        "width": "310.17px",
        "height": "309.395px",
        "trans
```
_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