स्पेसिंग स्केल जनरेटर एक अनुकूलन योग्य बेस इकाई और गुणकों के साथ एक समान स्पेसिंग स्केल प्रणाली बनाएं।

एक स्पेसिंग स्केल एक बेस यूनिट को फैक्टर्स की श्रृंखला द्वारा गुणा करके निरंतर, समानुपातिक स्पेसिंग मान बनाता है। सबसे आम बेस यूनिट 4px (टेलविंड CSS और मैटेरियल डिज़ाइन द्वारा उपयोग किया जाता है) और 8px (कई डिज़ाइन सिस्टमों द्वारा उपयोग किया जाता है) हैं। एक 4px बेस यूनिट महीन नियंत्रण प्रदान करती है: 4, 8, 12, 16, 20, 24, 32, 40, आदि। एक 8px बेस यूनिट बड़े कदम बनाती है: 8, 16, 24, 32, 40, 48, आदि। CSS कस्टम प्रॉपर्टीज़ (वेरिएबल्स) मानों को पुनः उपयोग करने के लिए संग्रहीत करती हैं: --space-1: 0.25rem। इन्हें मार्जिन, पैडिंग, गैप और किसी भी अन्य स्पेसिंग प्रॉपर्टी में उपयोग किया जा सकता है। rem यूनिट्स का उपयोग करने से सुनिश्चित होता है कि स्पेसिंग रूट फ़ॉन्ट आकार के साथ स्केल करती है, जब उपयोगकर्ता टेक्स्ट आकार बदलते हैं तो अनुपात बनाए रखती है। आधे चरण (0.5x) छोटे समायोजन के लिए एक छोटा वृद्धि प्रदान करता है। बड़े गुणक (16x, 20x, 24x) खंड स्पेसिंग और बड़े लेआउट अंतरालों को संभालते हैं।