# gdb-hub / gdb__layout-1-s87

- 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 minimalist and clean social media post to prompt user engagement by asking a direct question and implying product quality through a five-star rating, while also promoting a brand's social media handle.
Image description: This image features a minimalist and clean layout set against a plain off-white background. In the upper-middle section, the question "Keen to try our product?" is displayed in a dark, sans-serif font. Directly below this text, five solid, dark grey star icons are centrally aligned, suggesting a perfect or high rating. Further down, at the bottom-middle of the frame, the placeholder social media handle "@loremipsumsite" is presented, also in a dark, sans-serif font. All elements are centered horizontally, creating a symmetrical and balanced composition.
Aesthetic/style cues: The aesthetic is distinctly minimalist, clean, and modern. The typography uses a clear, legible sans-serif font that contributes to the contemporary feel. Ample white space surrounds the central elements, ensuring excellent readability and a sense of sophistication. The composition is balanced and symmetrical, with all elements perfectly centered. The limited color palette of dark grey text and stars on an off-white background is elegant and understated, allowing the message and the star rating to be the primary focus. The spacing between the text, stars, and handle is well-proportioned, guiding the viewer's eye smoothly through the content.
Required texts to include in the layout (verbatim, legible):
- "Keen to try our product?"
- "@loremipsumsite"
Target ratio: 1080:1920 (~0.562).

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