Spacing Scale Generator

Una escala de espaciado es la base de un sistema de diseño coherente. En lugar de usar valores de píxeles arbitrarios dispersos en toda la interfaz, una escala consistente asegura armonía visual y hace que los diseños sean predecibles para diseñadores y desarrolladores. Esta herramienta genera una escala de espaciado cuidadosamente calculada basada en una proporción matemática, de modo que cada paso se sienta proporcional e intencional.

Para usar la herramienta, elige tu unidad de espaciado base (normalmente 4px u 8px), selecciona una proporción de escala (como la razón áurea, tercera mayor o cuarta perfecta), y genera tu escala completa. La salida incluye todos los valores de espaciado que necesitarás para relleno, márgenes, espacios y otras medidas de diseño. Puedes copiar valores individuales o exportar la escala completa en formatos como variables CSS, configuración de Tailwind o JSON para una integración perfecta en tu sistema de diseño.