# 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