# gdb-hub / gdb__template-4-s126

- 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": "TEXT",
        "text": "Social  Studies\n Templates",
        "id": "0-0",
        "left": "700.239px",
        "top": "273.8246699999999px",
        "width": "1092.1px",
        "height": "259.733px",
        "transform": "none",
        "color": "rgb(45, 45, 47)",
        "fontSize": "106px",
        "fontFamily": "Homemade Apple--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "132.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "IDEAS FOR SOCIAL STUDIES LESSONS & ACTIVITIES",
        "id": "0-1",
        "left": "702.383px",
        "top": "563.289px",
        "width": "1092.1px",
        "height": "81.6px",
        "transform": "none",
        "color": "rgb(45, 45, 47)",
        "fontSize": "32px",
        "fontFamily": "Roboto--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "44.0px",
        "letterSpacing": "0.134em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4a391a73-d481-430f-80cd-dece585856d4.svg",
        "id": "0-2",
        "left": "1033.712px",
        "top": "673.7px",
        "width": "465.698px",
        "height": "34.7157px",
        "transform": "rotate(-3.67712deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/acf5f43a-5c07-40ae-a2b1-f32c158fdad6.png",
        "left": "1435.81px",
        "top": "871.669px",
        "width": "143.951px",
        "height": "226.857px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1d1b011b-3d05-4b0c-baf9-46fdf378a4d6.png",
        "left": "1599.18px",
        "top": "871.669px",
        "width": "143.951px",
        "height": "226.857px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/e80ccfed-3df9-4c58-a52a-e2b3bdd9c486.png",
        "id": "0-0",
        "left": "-41.0292px",
        "top": "980.487px",
        "width": "1455.27px",
        "height": "118.04000000000008px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/f3304bd3-1896-4c38-88c3-c0585a82227b.png",
        "id": "0-0",
        "left": "717.081px",
        "top": "868.615px",
        "width": "333.5389999999999px",
        "height": "111.87099999999998px",
        "transform": "rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5a5005a6-74f6-40ec-8f38-6d88c568b293.svg",
        "left": "29.8532px",
        "top": "92.9124px",
        "width": "624.752px",
        "height": "946.594px",
        "transform": "none",
        "opacity": 1,
        "overflow": "hidden"
      }
    ],
    "background": "rgb(252, 232, 224)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "TEXT",
        "text": "What did you learn? Summarize in one word, then 'so what?'",
        "left": "841.415px",
        "top": "636.4003299999999px",
        "width": "884.561px",
        "height": "89.0667px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "34px",
        "fontFamily": "Roboto--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "48.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d1f1e152-98c3-462c-a226-3520740a5c95.png",
        "left": "52.7988px",
        "top": "147.722px",
        "width": "626.537px",
        "height": "784.956px",
        "transform": "rotate(22.8803deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/5069099e-365d-4155-8979-61bab566b2bc.png",
        "left": "468.579px",
        "top": "203.926px",
        "width": "324.744px",
        "height": "308.212px",
        "transform": "rotate(28.5193deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/2683e5de-ce86-470b-9758-1194d085044d.png",
        "left": "1673.1px",
        "top": "719.037px",
        "width": "297.959px",
        "height": "721.926px",
        "transform": "rotate(122.753deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4cb6a9f4-fd03-4a14-9fde-6d1e7efb3878.png",
        "left": "1575.43px",
        "top": "-345.835px",
        "width": "139.428px",
        "height": "946.733px",
        "transform": "rotate(135deg) scale(1, -1)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Close a class discussion by asking students their key takeaways and how to apply them daily.",
        "id": "0-0",
        "left": "841.415px",
        "top": "474.54733px",
        "width": "884.561px",
        "height": "68.6667px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "26px",
        "fontFamily": "Roboto--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "37.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/92f60666-db5e-46b9-8118-eb2abe9e703e.svg",
        "id": "0-1-0",
        "left": "973.2769999999999px",
        "top": "429.3047px",
        "width": "594.647px",
        "height": "37.6832px",
        "transform": "rotate(-1.97316deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Ponder Points",
        "id": "0-2",
        "left": "841.415px",
        "top": "335.5480999999999px",
        "width": "884.561px",
        "height": "73.0326px",
        "transform": "none",
        "color": "rgb(45, 45, 47)",
        "fontSize": "61px",
        "fontFamily": "Homemade Apple--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "85.299332px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "GROUP",
        "id": "0-0-0",
        "left": "1820.4px",
        "top": "19.984300000000008px",
        "width": "79.599872px",
        "height": "79.599872px",
        "transform": "none",
        "background": "rgb(64, 148, 178)",
        "backgroundColor": "rgb(64, 148, 178)",
        "clipPath": "path(\"M128,0C57.30755202165845,0 0,57.307552021658445 0,128C0,198.69244797834153 57.30755202165843,256 128,256C198.6924479783415,256 256,198.69244797834153 256,128C256,57.30755202165845 198.69244797834153,0 128,0Z\")"
      },
      {
        "type": "TEXT",
        "text": "abc",
        "id": "0-1",
        "left": "1822.0681600000003px",
        "top": "31.38px",
        "width": "69.997px",
        "height": "31.5772px",
        "transform": "none",
        "color": "rgb(252, 252, 252)",
        "fontSize": "26px",
        "fontFamily": "Varela Round--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "36.8564px",
        "letterSpacing": "-0.05em",
        "textTransform": "none",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(252, 232, 224)",
    "width": "1920px",
    "height": "1080px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c5dc02be-3341-4842-b465-28e8847f01ef.png",
        "id": "0-0",
        "left": "484.083px",
        "top": "-330.916px",
        "width": "900.9639999999999px",
        "height": "1761.5254px",
        "transform": "rotate(90deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ec56ca6d-a08e-479d-b979-37b394f5f24d.png",
        "id": "0-0",
        "left": "258.863px",
        "top": "232.656px",
        "width": "593.127px",
        "height": "809.146px",
        "transform": "rotate(90deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4fa97ef2-9486-43f6-b2aa-e2e09a08493e.png",
        "left": "-55.5172px",
        "top": "337.712px",
        "width": "192.277px",
        "height": "274.681px",
        "transform": "rotate(-90deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/3f43d7fa-b32c-4d00-a902-56048fa8b2fa.png",
        "left": "-55.5172px",
        "top": "651.009px",
        "width": "192.277px",
        "height": "274.681px",
        "transform": "rotate(-90deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Start class with interesting facts, like a Today in History session. Students can guess fact/trivia details via multiple-choice slides.",
        "left": "912.363px",
        "top": "157.56833px",
        "width": "818.162px",
        "height": "105.667px",
        "transform": "none",
        "color": "rgb(45, 45, 47)",
        "fontSize": "26px",
        "fontFamily": "Roboto--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "37.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9c6e9edb-aa37-4d93-b463-82b5c598696d.svg",
        "id": "0-0-0",
        "left": "240.4999px",
        "top": "243.49370000000002px",
        "width": "594.647px",
        "height": "37.68320000000003px",
        "transform": "rotate(-1.97316deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden",
        "clipPath": "path(\"M189,0C84.61818228198005,0 0,84.61818228198004 0,189C0,293.38181771801993 84.61818228198001,378 189,378C293.38181771801993,378 378,293.38181771801993 378,189C378,84.61818228198005 293.38181771801993,0 189,0Z\")"
      },
      {
        "type": "TEXT",
        "text": "Warm-up",
        "id": "0-1",
        "left": "189.47499999999994px",
        "top": "149.7371px",
        "width": "722.888px",
        "height": "73.0326px",
        "transform": "none",
        "color": "rgb(45, 45, 47)",
        "fontSize": "61px",
        "fontFamily": "Homemade Apple--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "85.299332px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/2e550249-8c20-484d-a045-dc4538957f34.jpg",
        "left": "1138.33px",
        "top": "130.21099999999998px",
        "width": "610.3326000000001px",
        "height": "974.58307611px",
        "transform": "rotate(-3.73786deg) rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M610.3326000000001,642.1760400000001H0.0V0.0h610.3326000000001V642.1760400000001z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/b080d448-c317-4b17-ab51-7836f3e87e04.png",
        "left": "1138.33px",
        "top": "309.22776px",
        "width": "610.3326000000001px",
        "height": "645.8539573200001px",
        "transform": "rotate(-3.73786deg) rotate(0deg)",
        "background": "rgba(1, 1, 1, 0)",
        "clipPath": "path(\"M610.3326000000001,642.1760400000001H0.0V0.0h610.3326000000001V642.1760400000001z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/9f767739-7bd5-496d-8389-9d00c34391e9.png",
        "left": "1651.58px",
        "top": "431.403px",
        "width": "165.823px",
        "height": "236.89px",
        "transform": "rotate(-92.5154deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/d6a1f90f-33f0-4425-8178-370b98515de5.png",
        "id": "0-0",
        "left": "1082.39px",
        "top": "665.408px",
        "width": "148.18000000000006px",
        "height": "190.30600000000004px",
        "transform": "rotate(14.7181deg) rotate(0deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/851a96c2-1d78-4c48-8a53-65215348a73e.svg",
        "left": "330.474px",
        "top": "472.545px",
        "width": "440.889px",
        "height": "84.1697px",
        "transform": "rotate(3.97659deg)",
        "opacity": 1,
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "Today is April 30. \nIn 1997, London's Big Ben stopped for 54 minutes.",
        "left": "231.799px",
        "top": "486.25233px",
        "width": "638.241px",
        "height": "137.067px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "34px",
        "fontFamily": "Roboto--700",
        "fontWeight": "700",
        "textAlign": "center",
        "lineHeight": "48.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Guess the time it stopped?",
        "left": "280.123px",
        "top": "721.2439999999999px",
        "width": "541.592px",
        "height": "81.6px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "32px",
        "fontFamily": "Roboto--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "44.0px",
        "letterSpacing": "0em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "GROUP",
        "id": "0-0-0",
        "left": "1820.4px",
        "top": "19.98430000000003px",
        "width": "377.95275px",
        "height": "377.95275px",
        "transform": "none",
        "background": "rgb(64, 148, 178)",
        "backgroundColor": "rgb(64, 148, 178)",
        "clipPath": "path(\"M189,0C84.61818228198005,0 0,84.61818228198004 0,189C0,293.38181771801993 84.61818228198001,378 189,378C293.38181771801993,378 378,293.38181771801993 378,189C378,84.61818228198005 293.38181771801993,0 189,0Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-1-0",
        "left": "2024.16400000000
```
_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