The industry-standard spacing scale with a 4px base unit and comfortable proportions. A versatile system that works for most web applications — not too tight, not too airy.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use the Balanced Standard spacing system — the versatile industry default. Base unit: 4px. Spacing scale: xs=4px, sm=8px, md=16px, lg=24px, xl=32px, 2xl=48px. This follows a consistent multiplier pattern. Inner padding: 16px for cards, 24px for sections, 32px for page containers. Gap between elements: 8-16px. Body line-height: 1.6. Section spacing: 48px between major sections. This system balances readability and density.The industry-standard spacing scale with a 4px base unit and comfortable proportions. A versatile system that works for most web applications — not too tight, not too airy.