グリッドはまず 8px から。それ以外を許さない

なぜ 8 か

4 でも 16 でもなく、なぜ 8 か。それは「人間が直感的に半分・倍を扱える単位」だから。8 / 16 / 24 / 32 / 48 / 64 — どれも 8 で割り切れる。

自分に課すルール

• margin / padding / gap は すべて 8 の倍数
• 例外は「タイポグラフィ起因」（line-height など）
• 4 を使いたくなったら、それは「もうひとつ近い 8」を選ぶサイン

Tailwind ならば

Tailwind は標準で 4 の倍数を提供している。AetherEchoes では --spacing を 8 に上書きして、8 の倍数のみが出るようにしています。

@theme {
  --spacing-1: 8px;
  --spacing-2: 16px;
  --spacing-3: 24px;
  --spacing-4: 32px;
}

まとめ

ルールは少ない方がいい。「8 だけ使う」は覚えやすいし、迷う回数が減る。それだけで設計の質は確実に上がります。