whitespace-density

What problem does it solve?

This Skill addresses the challenge of creating visually appealing and user-friendly interfaces by providing clear guidelines on managing whitespace, padding, margins, and element separation. It helps avoid designs that feel cramped or overly sparse.

Core Features & Use Cases

• Spacing System: Implements a consistent 4px/8px spacing scale for predictable layouts.
• Separation Techniques: Prioritizes whitespace and background shifts over borders to reduce visual clutter.
• Gestalt Proximity: Ensures elements are grouped logically by maintaining specific internal-to-external spacing ratios.
• Use Case: When designing a new SaaS dashboard, use this Skill to define a spacing system that ensures data tables are readable, sidebars have adequate breathing room, and related form elements are clearly grouped.

Quick Start

Apply the 4px/8px spacing scale and prioritize whitespace for separation in the new user profile form.