# gdb-hub / gdb__layout-1-s12

- 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 an informative and direct social media post or presentation slide that offers clear advice as part of a numbered series, using a bold and minimalist design with a high-contrast color scheme, prominent headline, and concise explanatory text, suitable for conveying important guidelines or tips.
Image description: The image features a minimalist and bold design on a solid, vibrant orange-red background. In the top-left corner, a large, thin yellow number "1" is prominently displayed. The main content is centered horizontally below this number, comprising a two-line headline in large, bold, yellow sans-serif font: "How about work from home?". Both lines of the headline are underlined in yellow. Below the headline, a paragraph of body text in a smaller, regular-weight yellow sans-serif font explains: "If you can, work from home. This reduces interactions with others (colleagues, public transport users)." In the bottom-right corner, there is a small graphic element consisting of three yellow chevron-like arrows pointing to the right. The overall layout is clean, with ample negative space.
Aesthetic/style cues: The aesthetic is modern, direct, and impactful, utilizing a high-contrast color palette of bright orange-red and yellow that immediately grabs attention. The typography is sans-serif throughout, with a clear visual hierarchy established by varying font sizes and weights: the large, thin "1" introduces a series, the bold, underlined headline provides the main point, and the smaller body text offers details. The composition is balanced yet dynamic, with the number "1" anchoring the top-left and the chevron arrows providing a sense of progression or navigation in the bottom-right, preventing a static feel. The generous spacing around all elements contributes to a clean and uncluttered appearance, enhancing readability. The use of underlines adds a graphic touch that reinforces the headline's importance.
Required texts to include in the layout (verbatim, legible):
- "How about work from home?"
- "If you can, work from home. This reduces interactions with others (colleagues, public transport users)."
- "1"
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