DESIGN

Generator Skali Odstępów — Spójne Rozmieszczenie w UI

Przypadkowe wartości padding i margin tworzą chaotyczny, nieprofesjonalny układ. System skali odstępów zapewnia matematyczną spójność — jak Tailwind's spacing scale.

Popularne systemy skali

  • 4px base: 4, 8, 12, 16, 24, 32, 48, 64... — najpopularniejszy
  • 8px base: 8, 16, 24, 32, 48, 64... — dla większych ekranów
  • Fibonacci: 1, 1, 2, 3, 5, 8, 13, 21... — organiczny rytm
  • Modularny: bazowy × stosunek^n — matematyczna harmonia

Generator eksportuje zmienne CSS i tokeny dla Tailwind lub innego frameworka CSS.