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.
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.