デザイントークン
トークンの実体は packages/ui/src/tokens.ts。ここが唯一の正です。
値を変える場合はこのファイルを編集し、本ページも更新してください。
カラー
| トークン | 用途 |
|---|---|
brand.50–900 | ブランドカラー（主にCTA） |
neutral.50–900 | テキスト・背景・境界線 |
success | 成功・完了 |
warning | 注意 |
danger | エラー・破壊的操作 |
info | 情報 |
Tailwind では bg-brand-600, text-neutral-700, bg-danger のように使う。
角丸 (radius)
sm (0.375rem) / md (0.625rem) / lg (0.875rem) / full。
Tailwind: rounded-sm / rounded-md / rounded-lg。
余白 (spacing)
xs / sm / md / lg / xl。Tailwind: p-md, gap-sm など。
タイポグラフィ
フォントは font-sans / font-mono。サイズは text-2xl, text-3xl などを拡張。