Spacing Scale Generator

Шкала интервалов — это основание последовательной системы дизайна. Вместо использования произвольных значений пикселей, разбросанных по всему интерфейсу, согласованная шкала обеспечивает визуальную гармонию и делает макеты предсказуемыми для дизайнеров и разработчиков. Этот инструмент генерирует тщательно рассчитанную шкалу интервалов на основе математического соотношения, так что каждый шаг кажется пропорциональным и целенаправленным.

Чтобы использовать инструмент, выберите базовую единицу интервала (обычно 4px или 8px), выберите соотношение масштаба (такое как золотое сечение, большая терция или чистая кварта) и сгенерируйте полную шкалу. Результат включает все значения интервалов, необходимые для отступов, полей, зазоров и других измерений макета. Вы можете скопировать отдельные значения или экспортировать всю шкалу в форматах, таких как CSS-переменные, конфигурация Tailwind или JSON, для бесшовной интеграции в вашу систему дизайна.