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.