# gdb-hub / gdb__layout-1-s73 - 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 engaging and informative educational graphic for a STEM activity, clearly presenting a task to build a home office using various peripherals, aimed at visually instructing and inspiring a younger audience. Image description: The image features a rectangular white canvas with a bold purple outline, placed centrally on a light blue background. Inside this main frame, a horizontal purple line divides the space into two sections. The upper section contains the black, sans-serif text "STEM JOB" centered prominently. The larger lower section houses two main elements: on the left, a collection of cartoon-style computer peripherals (a printer, a monitor with a webcam and a USB stick plugged in, a keyboard, and a mouse), all depicted with smiling, anthropomorphic faces. On the right side, the instruction text "Using similar classroom objects, build a home office with many peripherals." is presented in black, sans-serif font, left-aligned within its designated space. The overall composition creates a clear separation between the topic title, visual examples, and the activity instructions. Aesthetic/style cues: The design style is distinctly playful, educational, and friendly, aimed at a younger audience. The use of soft pastel colors for the background (light blue) and the cartoon illustrations (light yellow, light blue, light purple, light green) contributes to a welcoming aesthetic. The typography is a clean, simple sans-serif font, ensuring high readability, with "STEM JOB" being larger and bolder for clear emphasis. Ample white space within the main frame and around the elements provides excellent breathing room and prevents visual clutter. The composition achieves an asymmetrical balance, with the vibrant illustrations anchoring the left side and the textual instructions balancing the right. The strong purple borders and dividing line offer structural integrity and a pop of contrasting color, while the cute, smiling faces on the peripherals add a whimsical touch that makes the complex topic approachable. Required texts to include in the layout (verbatim, legible): - "STEM JOB" - "Using similar classroom objects, build a home office with many peripherals." Target ratio: 1024:768 (~1.333). 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