Spacing Scale Generator

Uma escala de espaçamento é a base de um sistema de design coeso. Em vez de usar valores de pixels arbitrários espalhados por toda a interface, uma escala consistente garante harmonia visual e torna o layout previsível para designers e desenvolvedores. Esta ferramenta gera uma escala de espaçamento cuidadosamente calculada com base em uma proporção matemática, para que cada passo se sinta proporcional e intencional.

Para usar a ferramenta, escolha sua unidade de espaçamento base (geralmente 4px ou 8px), selecione uma proporção de escala (como razão áurea, terça maior ou quarta perfeita) e gere sua escala completa. A saída inclui todos os valores de espaçamento que você precisará para preenchimento, margens, gaps e outras medidas de layout. Você pode copiar valores individuais ou exportar a escala inteira em formatos como variáveis CSS, configuração do Tailwind ou JSON para integração perfeita ao seu sistema de design.