Spacing
Spice Factory Design System
余白の刻みを定めるページ。4px ベースの 13 段階で、token 番号 × 4 = px に対応する Tailwind 互換の体系を採る。途中の整数値（7・9・11・13–15・17–19・21–23）は省略し、UI で実際に使う粒度に絞っている。spacing.4（16px）が段落間の標準、spacing.16（64px）以上はセクション境界に充てる。
4px ベース・13 段階。Tailwind 互換の番号付け（token 番号 × 4 = px、例: spacing.4 = 16px）。途中の整数（7/9/11/13-15/17-19/21-23）は省略。
Spacing scale
| Token | Value | Visual | 用途 |
|---|---|---|---|
| spacing.0 | 0 | リセット | |
| spacing.1 | 4px | 極小（インライン） | |
| spacing.2 | 8px | 小（アイコン間） | |
| spacing.3 | 12px | やや小 | |
| spacing.4 | 16px | 標準（段落間） | |
| spacing.5 | 20px | やや大 | |
| spacing.6 | 24px | 大（セクション内） | |
| spacing.8 | 32px | より大 | |
| spacing.10 | 40px | 強い区切り | |
| spacing.12 | 48px | カード間 | |
| spacing.16 | 64px | セクション境界 | |
| spacing.20 | 80px | ページセクション | |
| spacing.24 | 96px | ヒーロー領域 |