VibeUI Logo
VibeUI
ExploreStyle PacksFavorites
Get Started
VibeUI

Design ingredients for AI coding. Built for Cursor, Windsurf, and beyond.

Back to Explore

Balanced Standard

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.

minimalelegantsaasecommercetech

Spacing Scale

XS
4px
SM
8px
MD
16px
LG
24px
XL
32px
2XL
48px
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.