DG-0127Pro

Responsive Web Layout System with Breakpoints

Graphic DesignIntermediateText · Claude Sonnet

Layout

Sign in to save

Prompt

This prompt is part of Pro

Create your free account to open 3 free prompts a day, or go Pro to open this one and the whole library.

Preview: the title, when to use it and the expected output. The prompt text opens with Pro.

When to use

Web designers building responsive grid systems for content-heavy websites.

Expected output

A responsive grid spec with 4 breakpoints, 5 component reflow diagrams, and an 8px-based spacing token system.

Tags

layoutresponsiveweb-designgridbreakpointsnews