i-layout

What problem does it solve?

Improve layout and spacing for interfaces that feel monotonous, crowded, or structurally weak by restoring consistent spacing, clear visual hierarchy, and purposeful rhythm.

Core Features & Use Cases

• Assessment checklist: Diagnose spacing consistency, visual hierarchy, grid structure, rhythm, and density using the squint test and proximity/grouping heuristics.
• Systematic plan: Recommend a spacing system, hierarchy strategy, and layout approach (Flex vs Grid) with semantic tokens and fluid spacing using clamp().
• Implementation guidance: Concrete tactics for breaking card-grid monotony, using gap over margins, named grid areas, semantic z-index and shadow scales, and optical nudges when necessary.
• Verification: Provide squint tests, rhythm checks, responsiveness guidance, and consistency audits to confirm improvements.
• Preparation requirement: Run /i-impeccable to gather design context via the Context Gathering Protocol before proceeding.

Quick Start

Start by running /i-impeccable to collect context, then ask i-layout to audit the page for spacing, hierarchy, and rhythm and propose a consistent spacing scale with specific token values and layout changes.