Spacing Scale Generator

Une échelle d'espacement est le fondement d'un système de design cohérent. Au lieu d'utiliser des valeurs de pixels arbitraires dispersées dans votre interface, une échelle cohérente assure l'harmonie visuelle et rend les mises en page prévisibles pour les designers et les développeurs. Cet outil génère une échelle d'espacement soigneusement calculée basée sur une proportion mathématique, de sorte que chaque étape se sente proportionnée et intentionnelle.

Pour utiliser l'outil, choisissez votre unité d'espacement de base (généralement 4px ou 8px), sélectionnez une proportion d'échelle (comme le nombre d'or, la tierce majeure ou la quarte juste), et générez votre échelle complète. La sortie inclut toutes les valeurs d'espacement dont vous aurez besoin pour le remplissage, les marges, les écarts et autres mesures de mise en page. Vous pouvez copier des valeurs individuelles ou exporter l'échelle entière dans des formats comme les variables CSS, la configuration Tailwind ou JSON pour une intégration transparente dans votre système de design.