Spacing Scale Generator

Una scala di spaziatura è la base di un sistema di design coeso. Invece di usare valori di pixel arbitrari dispersi nell'interfaccia, una scala coerente assicura armonia visiva e rende i layout prevedibili per designer e sviluppatori. Questo strumento genera una scala di spaziatura attentamente calcolata basata su una proporzione matematica, in modo che ogni passo risulti proporzionato e intenzionale.

Per usare lo strumento, scegli la tua unità di spaziatura base (solitamente 4px o 8px), seleziona un rapporto di scala (come la sezione aurea, la terza maggiore o la quarta giusta) e genera la tua scala completa. L'output include tutti i valori di spaziatura necessari per padding, margini, gap e altre misurazioni di layout. Puoi copiare valori individuali o esportare l'intera scala in formati come variabili CSS, configurazione di Tailwind o JSON per un'integrazione perfetta nel tuo sistema di design.