Tight spacing for data-heavy interfaces that need to maximize information density. Every pixel counts — minimal padding and margins keep dashboards and admin panels efficient.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use the Compact Dense spacing system for data-heavy interfaces. Base unit: 4px. Spacing scale: xs=2px, sm=4px, md=8px, lg=12px, xl=16px, 2xl=24px. Inner padding: 8px for small components, 12px for cards, 16px for sections. Gap between elements: 4-8px. This system prioritizes information density — avoid excessive whitespace. Line-height: 1.4 for body text. Section margins: 24px max. Never exceed 32px spacing for any element.Tight spacing for data-heavy interfaces that need to maximize information density. Every pixel counts — minimal padding and margins keep dashboards and admin panels efficient.