5 of 5 materials
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.
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.
Luxurious, generous spacing that lets content breathe. Wide margins and padding create a premium, editorial feel. Perfect for portfolios, luxury brands, and content-focused sites.
Strict 8-point grid system where every spacing value is a multiple of 8. Creates perfect visual rhythm and alignment. The gold standard for design systems and component libraries.
Spacing based on the Fibonacci sequence for naturally harmonious proportions. The mathematical ratio creates organic visual rhythm that feels balanced without being rigid. Unique and artistic.