Aralık Ölçeği Oluşturucu — Tutarlı Spacing Sistemi

Tutarlı aralık, iyi kullanıcı arayüzü tasarımının sırrıdır. Keyfi boşluklar yerine matematiksel bir sistem kullanın.

Aralık Ölçeği Yaklaşımları

• 4px temeli: 4'ün katları (4, 8, 12, 16, 24, 32, 48, 64...)
• 8px temeli: 8'in katları (8, 16, 24, 32, 48, 64, 80...)
• Modüler ölçek: Sabit oranla hesaplanır

Tailwind CSS Spacing Sistemi

Tailwind 4px (0,25rem) temelli ince bir ölçek kullanır: p-1=4px, p-2=8px, p-4=16px, p-8=32px...

CSS Özel Özellikleriyle Uygulama

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-8: 32px;
}