Documentation

Test conditions and design health

Responsive frames, authored states and design checks.

The State Workbench uses only themes and states authored by the project. Each viewport, theme, interaction state, and motion combination is measured as applied, current, unsupported, or untested instead of being simulated.

Responsive Design Lab audits every live frame independently, reports partial connection failures, compares geometry across frames, and keeps breakpoint-specific or all-breakpoint edit scope attached to staged changes.

Design Health can surface contrast, overflow, clipping, touch-target, accessible-name, reduced-motion, and spacing issues.

Safe corrections are recorded as normal changes and still pass through Review. Intentional issues can be ignored with their evidence preserved locally.

Large viewports open at their real dimensions. Pan, Space-drag, middle-drag, trackpad movement, and explicit zoom navigate the canvas without changing responsive measurements. Closing Design Health or Design Memory returns to the same selection, panel state, pan, and zoom.