System
デザイントークン
VNCKickoff.md §4 で確定した配色。強制ダークではなく端末設定に追従します。左下のトグルで切り替えて、両モードで可読性が保たれることを確認できます。
Surfaces
Background--vn-background
Surface--vn-surface
Elevated surface--vn-elevated-surface
Divider--vn-divider
Brand
緑/ティールのみがブランド色です。青は VolleyStation、赤は DataVolley、橙は Hudl を想起させるためブランド用途では使いません。
Primary--vn-primary
Primary deep--vn-primary-deep
Accent teal--vn-accent-teal
Semantic
赤・橙はエラー/警告の意味色としてのみ存在します。
Success--vn-success
Warning--vn-warning
Error--vn-error
Attribute tier ramp
0–100 の値は新しい指標ではなく、VN の Ranking のコホート内パーセンタイル正規化(PlayerAttributeProfile)です。閾値は RecruitStyle.tierColor と同一(80+ / 65+ / 45+ / それ以下)。以下の数値はサンプルです。
Dense table
FM の「世界観」は暗い配色ではなくレイアウトと情報密度が担います。横幅が足りない場合はテーブル内でのみ横スクロールします。
| No | 選手 | Pos | Sets | OVR |
|---|---|---|---|---|
| 1 | 選手 A | OH | 42 | 84 |
| 4 | 選手 B | MB | 39 | 76 |
| 7 | 選手 C | S | 44 | 68 |
| 11 | 選手 D | OP | 21 | 57 |
| 13 | 選手 E | L | 40 | 41 |