# gdb-hub / gdb__template-4-s22

- 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": "GROUP",
        "id": "0-0-0",
        "left": "-77.7443px",
        "top": "65.4109px",
        "width": "1165.20286095px",
        "height": "651.2256px",
        "transform": "none",
        "background": "rgb(251, 251, 250)",
        "backgroundColor": "rgb(251, 251, 250)",
        "clipPath": "path(\"M0,0L458.04735903128045,0L458.04735903128045,256L0,256Z\")"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/91b563fc-2dc5-4460-a037-8f75af2bc2e8.jpg",
        "id": "0-1-0",
        "left": "57.1803px",
        "top": "125.031px",
        "width": "416.545px",
        "height": "521.086px",
        "transform": "rotate(0deg)",
        "overflow": "hidden"
      },
      {
        "type": "GROUP",
        "id": "0-2-0",
        "left": "34.5023px",
        "top": "125.031px",
        "width": "6.5775872px",
        "height": "104.565137016px",
        "transform": "none",
        "background": "rgb(1, 1, 1)",
        "backgroundColor": "rgb(1, 1, 1)",
        "clipPath": "path(\"M0,0L256,0L256,4069.6844041409295L0,4069.6844041409295Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-3-0",
        "left": "34.5023px",
        "top": "229.063px",
        "width": "6.5775872px",
        "height": "104.565137016px",
        "transform": "none",
        "background": "rgb(241, 229, 69)",
        "backgroundColor": "rgb(241, 229, 69)",
        "clipPath": "path(\"M0,0L256,0L256,4069.6844041409295L0,4069.6844041409295Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-4-0",
        "left": "57.1803px",
        "top": "656.464px",
        "width": "113.654662758px",
        "height": "25.1955712px",
        "transform": "none",
        "background": "rgb(1, 1, 1)",
        "backgroundColor": "rgb(1, 1, 1)",
        "clipPath": "path(\"M0,0L1154.7892627447018,0L1154.7892627447018,256L0,256Z\")"
      },
      {
        "type": "TEXT",
        "text": "25.000+",
        "id": "0-5",
        "left": "71.072544px",
        "top": "658.6617600000001px",
        "width": "87.6646px",
        "height": "17.0095px",
        "transform": "none",
        "color": "rgb(251, 251, 250)",
        "fontSize": "14px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "20.0px",
        "letterSpacing": "0.12em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "GROUP",
        "id": "0-6-0",
        "left": "519.884px",
        "top": "125.031px",
        "width": "137.72141019px",
        "height": "30.530816px",
        "transform": "none",
        "background": "rgb(1, 1, 1)",
        "backgroundColor": "rgb(1, 1, 1)",
        "clipPath": "path(\"M0,0L1154.7892627447018,0L1154.7892627447018,256L0,256Z\")"
      },
      {
        "type": "TEXT",
        "text": "ELITIS CO",
        "id": "0-7",
        "left": "520.617626px",
        "top": "128.85629px",
        "width": "137.721px",
        "height": "17.6365px",
        "transform": "none",
        "color": "rgb(251, 251, 250)",
        "fontSize": "14px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "20.59975px",
        "letterSpacing": "0.12em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": ".PRESENT",
        "id": "0-8",
        "left": "665.586px",
        "top": "128.87900000000002px",
        "width": "137.721px",
        "height": "15.4019px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "13px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "18.11984px",
        "letterSpacing": "0.12em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "EVERY BUSINESS PROCESS & STAGE HANDLED AT OUR COWORKING SPACE.",
        "id": "0-9",
        "left": "519.884px",
        "top": "194.62748000000002px",
        "width": "446.516px",
        "height": "117.345px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "28px",
        "fontFamily": "Poppins--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "28.0px",
        "letterSpacing": "0.01em",
        "textTransform": "uppercase",
        "fontStyle": "italic"
      },
      {
        "type": "TEXT",
        "text": "EARLY STG",
        "id": "0-10",
        "left": "523.181px",
        "top": "355.35348px",
        "width": "185.338px",
        "height": "21.8054px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "18px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "25.44675px",
        "letterSpacing": "0.12em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Our coworking studio helps you confidently start a business, connecting you to communities for sharing, questions & assistance.",
        "id": "0-11",
        "left": "523.181px",
        "top": "390.5564px",
        "width": "385.929px",
        "height": "82.5628px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "12px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "17.0px",
        "letterSpacing": "0.12em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "ACTIVE STAGE",
        "id": "0-12",
        "left": "641.937px",
        "top": "518.56848px",
        "width": "267.174px",
        "height": "21.8054px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "18px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "25.44675px",
        "letterSpacing": "0.12em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "Our studio connects you with investors if your business is stuck & needs input.",
        "id": "0-13",
        "left": "644.272px",
        "top": "554.7189999999999px",
        "width": "322.128px",
        "height": "45.5043px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "11px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "15.966416px",
        "letterSpacing": "0.12em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/1ad7c9c3-42cd-4c6b-9e37-14649c92f956.svg",
        "id": "0-14",
        "left": "515.309px",
        "top": "490.931px",
        "width": "218.407px",
        "height": "4px",
        "transform": "rotate(-0.467539deg)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/ca058f63-023a-48ce-bbe2-1a6ee5adcdbf.svg",
        "id": "0-15",
        "left": "733.738px",
        "top": "489.149px",
        "width": "218.407px",
        "height": "4px",
        "transform": "rotate(-0.467539deg)"
      },
      {
        "type": "TEXT",
        "text": "SLIDE 01",
        "id": "0-16",
        "left": "853.358px",
        "top": "731.744px",
        "width": "114.578px",
        "height": "14.44px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "12px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "right",
        "lineHeight": "17.0px",
        "letterSpacing": "0.12em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "GROUP",
        "id": "0-17-0",
        "left": "366.847px",
        "top": "520.071px",
        "width": "213.7561594px",
        "height": "100.158464px",
        "transform": "none",
        "background": "rgb(241, 229, 69)",
        "backgroundColor": "rgb(241, 229, 69)",
        "clipPath": "path(\"M0,0L546.3503565935624,0L546.3503565935624,256L0,256Z\")"
      },
      {
        "type": "TEXT",
        "text": "100",
        "id": "0-18",
        "left": "402.402px",
        "top": "530.58149px",
        "width": "142.648px",
        "height": "69.4635px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "58px",
        "fontFamily": "Poppins--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "81.18725px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      }
    ],
    "background": "rgb(241, 229, 69)",
    "width": "1024px",
    "height": "768px",
    "duration": 3
  },
  {
    "components": [
      {
        "type": "GROUP",
        "id": "0-0-0",
        "left": "-77.7443px",
        "top": "65.4109px",
        "width": "1165.20286095px",
        "height": "651.2256px",
        "transform": "none",
        "background": "rgb(252, 252, 252)",
        "backgroundColor": "rgb(252, 252, 252)",
        "clipPath": "path(\"M0,0L458.04735903128045,0L458.04735903128045,256L0,256Z\")"
      },
      {
        "type": "GROUP",
        "id": "0-1-0",
        "left": "581.515px",
        "top": "193.408px",
        "width": "384.885px",
        "height": "188.11500000000004px",
        "background": "rgb(192, 153, 151)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/c44b0af4-abc1-44ff-ab37-099f4d12249e.jpg",
        "id": "0-2-0",
        "left": "608.893px",
        "top": "211.233px",
        "width": "93.2731px",
        "height": "99.93790000000001px",
        "transform": "rotate(0deg)",
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "GRETA EVANS",
        "id": "0-3",
        "left": "727.013px",
        "top": "229.67367000000002px",
        "width": "168.772px",
        "height": "15.3333px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "13px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "18.0px",
        "letterSpacing": "0.01em",
        "textTransform": "uppercase",
        "fontStyle": "italic"
      },
      {
        "type": "TEXT",
        "text": "CEO VOLUPT",
        "id": "0-4",
        "left": "727.013px",
        "top": "262.61567px",
        "width": "149.035px",
        "height": "15.3333px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "13px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "18.0px",
        "letterSpacing": "0.01em",
        "textTransform": "uppercase",
        "fontStyle": "italic"
      },
      {
        "type": "GROUP",
        "id": "0-5-0",
        "left": "512.0px",
        "top": "181.683px",
        "width": "23.4493952px",
        "height": "23.4493952px",
        "transform": "none",
        "background": "rgb(251, 251, 250)",
        "backgroundColor": "rgb(251, 251, 250)",
        "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
      },
      {
        "type": "TEXT",
        "text": "As a result of the many customers we have,\nalmost all of them wish to provide testimonials\nfor their success while using our ecosystem as\na tool for success.",
        "id": "0-6",
        "left": "51.6348px",
        "top": "283.149px",
        "width": "472.09px",
        "height": "93.3649px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "14px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "left",
        "lineHeight": "25.52949px",
        "letterSpacing": "0.12em",
        "textTransform": "none",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "COMMENT",
        "id": "0-7",
        "left": "51.6348px",
        "top": "214.55575px",
        "width": "408.184px",
        "height": "52.3615px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "44px",
        "fontFamily": "Poppins--700",
        "fontWeight": "700",
        "textAlign": "left",
        "lineHeight": "44.0px",
        "letterSpacing": "0em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "GROUP",
        "id": "0-8-0",
        "left": "581.515px",
        "top": "424.189px",
        "width": "384.885px",
        "height": "188.11500000000007px",
        "background": "rgb(241, 229, 69)"
      },
      {
        "type": "IMAGE",
        "src": "https://storage.googleapis.com/lica-video/4a6a09be-901b-4b11-82f6-3280a1531ad3.jpg",
        "id": "0-9-0",
        "left": "608.893px",
        "top": "442.015px",
        "width": "93.2731px",
        "height": "99.93790000000001px",
        "transform": "rotate(0deg)",
        "overflow": "hidden"
      },
      {
        "type": "TEXT",
        "text": "80+",
        "id": "0-10",
        "left": "619.595px",
        "top": "315.121px",
        "width": "72.0707px",
        "height": "24px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "20px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "28.0px",
        "letterSpacing": "0.01em",
        "textTransform": "none",
        "fontStyle": "italic"
      },
      {
        "type": "TEXT",
        "text": "GOOD",
        "id": "0-11",
        "left": "620.294998px",
        "top": "343.78767px",
        "width": "72.0707px",
        "height": "15.3333px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "13px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "18.0px",
        "letterSpacing": "0.12em",
        "textTransform": "uppercase",
        "fontStyle": "normal"
      },
      {
        "type": "TEXT",
        "text": "80+",
        "id": "0-12",
        "left": "619.595px",
        "top": "543.686px",
        "width": "72.0707px",
        "height": "24px",
        "transform": "none",
        "color": "rgb(1, 1, 1)",
        "fontSize": "20px",
        "fontFamily": "Poppins--400",
        "fontWeight": "400",
        "textAlign": "center",
        "lineHeight": "28.0px",
        "letterSpacing": "0.01em",
        "textTransform": "none",
        "fontStyle": "italic"
      },
      {
        "type": "TEXT",
        "text": "GOOD",
        "id":
```
_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