# gdb-hub / gdb__layout-1-s94

- 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: layout-1

## Task

You are an expert end-to-end layout designer.
User intent: **
Create a clear, modern, and engaging presentation slide or social media graphic that introduces a key topic with a strong title, elaborates with a concise supporting statement, and visually reinforces the message with a relevant lifestyle photograph.
Image description: **
The image displays a clean and minimalist presentation slide or graphic with a warm, light beige background. At the very top, centered, is the slide number "5/5" with a short horizontal line beneath it. Below this, the main heading "INSPIRING TITLE" is presented in large, bold, dark sans-serif uppercase letters, centrally aligned. Further down, a smaller, dark sans-serif text provides a supporting statement: "Ensure social media content is supported by accurate data and research.", also centrally aligned and wrapping into two lines. The lower half of the layout features a rectangular photograph placed centrally. The image depicts a man with glasses wearing a light blue hoodie and dark pants, sitting on a textured rug on a wooden floor, working on a laptop. Beside him are a small green cabinet, a metal water bottle, a book, and a colorful skateboard. In the bottom-right corner, a scattered pattern of irregular white dots adds a subtle decorative element. A short horizontal line, identical to the one at the top, is centered below the photograph.

**
Aesthetic/style cues: **
The design embodies a clean, modern, and inviting aesthetic with a strong emphasis on readability and visual balance. The typography is exclusively sans-serif, creating a contemporary feel, with a clear hierarchy established by the large title and smaller, supporting text. All textual elements are center-aligned, contributing to a sense of order and stability. Generous use of whitespace around all elements, especially the title and main text block, ensures excellent legibility and a non-cluttered appearance. The composition is largely symmetrical, with the central alignment of text and the photograph acting as a visual anchor. The subtle, scattered white dot pattern in the bottom-right introduces a touch of organic asymmetry and visual texture without overwhelming the minimalist approach. The color palette is soft and harmonious, dominated by warm neutrals (beige background, dark grey/brown text) complemented by the natural tones in the photograph.

**
Required texts to include in the layout (verbatim, legible):
- "___"
- "___"
- "5/5"
- "INSPIRING TITLE"
- "Ensure social media content is supported by accurate data and research."
Target ratio: 1080:1080 (~1.000).

Requirements:
- Produce one cohesive layout image.
- Keep typography readable and hierarchy clear.
- Use a consistent visual and color system.
- Include all required texts with exact spelling.
- Avoid gibberish text artifacts.

## Output

Write your answer to `/workspace/output.png`.
Write ONLY the answer — no explanation, no markdown fences, no extra text.

### Image output requirements

- You MUST produce a real rasterized image at `/workspace/output.png`.
- `python3` is available. `Pillow`, `cairosvg`, and `numpy` are installed in the environment and importable.
- Preferred approach: build an SVG describing the design, then rasterize it with `python3 -c "import cairosvg; cairosvg.svg2png(url='design.svg', write_to='/workspace/output.png', output_width=1024)"`.
- Alternatively, use Pillow's `ImageDraw`/`ImageFont` to draw directly and save a PNG.
- Do NOT write natural-language descriptions or SVG-as-text into `output.png` — the file must be a valid image.
```
---
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