डिज़ाइन स्पेसिंग स्केल कैलकुलेटर
बेस spacing, अनुपात, शुरुआती step और token संख्या सेट करके इंटरफ़ेस के लिए scale बनाएं।
Spacing scale बनाने के लिए values सेट करें।
Spacing tokens
Base × ratio^step से round किया गया।
उपयोग कैसे करें
उपयोग कैसे करें
- Positive base value डालें, px या rem चुनें और 1 से बड़ा ratio सेट करें।
- शुरुआती step और token संख्या चुनें।
- Rounded values देखें, फिर CSS custom properties कॉपी या डाउनलोड करें।
Geometric token ladder
हर token = base × ratio^step। Starting step 0 होने पर base value शामिल होती है।
स्पष्ट rounding
px निकटतम whole pixel पर और rem अधिकतम चार decimal places पर दिखता है। CSS comment में formula रहता है।
स्थानीय CSS output
सभी गणना browser में होती है। Design values या project files upload नहीं होतीं।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
Pixels round क्यों होते हैं?
Whole pixels कई token sets में उपयोग करना आसान होते हैं।
Starting step क्या बदलता है?
0 base है, 1 base × ratio है और negative step छोटी values बना सकता है।
क्या यह best design system चुनता है?
नहीं। यह केवल predictable mathematical scale बनाता है।