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.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use the Modular 8pt Grid spacing system — strict 8px multiples for perfect visual rhythm. Scale: 8, 16, 24, 32, 40, 48, 56, 64, 80, 96. Every spacing value MUST be a multiple of 8. No exceptions. Button padding: 8px 16px. Card padding: 16px or 24px. Section spacing: 48px or 64px. Page margin: 32px. This creates mechanical precision and perfect alignment across all breakpoints.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.