RULE 01
生 HEX を直書きしない／トークン・関数経由
IBM・Material・Polaris・GOV.UK が明文化（Polaris は stylelint で機械強制）。色は意味のある変数名で参照する。
✓ トークン経由
color: var(--color-action);
✗ 直書き
color: #2f4f94;
公式デザインシステム
プレゼン・資料作成文化
セルの数字 = そのソース×観点のルール数。クリックでカタログに絞り込み表示。
提案デッキ お手本 — 架空A社 BX提案（12枚）
274ルール＋7鉄則を実際の提案に落とすとどうなるか。確定v2.0デザイン言語（藍 #2f4f94 基調・8pxグリッド・左レール・1グラフ1主役・アクションタイトル）で、現実的なブランド変革提案を1本フルで組んだ完成見本です。表紙・サマリー・課題構造・データ・章扉・ステートメント・4層フレーム・ロードマップ・Before/After・体制表・クロージングまで主要レイアウトを網羅。
編集可能な .pptx も同梱（design-system/sample-deck/）。すべて自作・架空設定で、数値・社名はサンプルです。
スライドマスター 6 型 — 型カタログ（最小例）
上のお手本デッキを構成する基本レイアウトの最小単位。Cover / Executive Summary / Comparison / Framework / Risk / Data の6型が「Web→1280×720スライド」にどう翻訳されるかを骨格だけで示します（※この6枚は旧アクセント色で生成。確定の藍 #2f4f94 は上のお手本デッキを参照）。
出典：統合デザインガイドライン v2.0（design-system/slide-master.html）を Chrome headless で実寸書き出し。すべて自作物です。
世界標準の 7 鉄則 — 良い例 / 悪い例
20ソース・274ルールの過半数が共有していた「最大公約数」。各鉄則を ✓正しい例 と ✗崩れる例 で視覚化しました（デモはすべて自作）。
RULE 02
ブランド色は控えめに・意図的に
IBM「sparingly」/ Apple「judiciously」/ Stripe「3色のみ」/ Linear「monochrome」。グレーが土台、ブランド色は点で挿す。
✓ 1点強調
キャンセル戻る保存
✗ 総天然色
ABCD
RULE 03
色を唯一の伝達手段にしない
全20ソースが明示。形・ラベル・位置を併用。デジタル庁は色覚多様性290万人を具体的に明記。
✓ 色＋記号＋語
✓ 成功
✕ 失敗
✗ 色だけ
RULE 04
8px（または4px）グリッドで余白を段階化
IBM 8px / Material 4dp / Apple 8pt / デジタル庁 8px。余白は4段階程度に絞り、段階で階層を作る。
✓ 8 の倍数
✗ バラバラ
RULE 05
役割で命名する意味色（success/warning/danger/info）
IBM・Atlassian・Polaris・Fluent・デジタル庁でほぼ同一の色相割当。色は「役割」に固定し、装飾で使い回さない。
✓ 役割で固定
success 通過
danger 失敗
✗ 意味の使い回し
装飾の見出し
ただのタグ
RULE 06
1グラフ1主役・データインク最大化・ゼロ始点
ONS・McKinsey・BCG・Storytelling with Data が完全一致。強調1系列だけ色・残りグレー・棒は必ずゼロ始点・3D装飾は排除。
✓ 主役1色・ゼロ始点
✗ 全色・軸切り
↑軸が0でない
RULE 07
1スライド1メッセージ・アクションタイトル
McKinsey・BCG・TED・StwD。タイトルは名詞句でなく「結論＋数値の主張文」。タイトルだけ通読して論理が通ること。
✓ 主張文
「保守コストは統合運用で L3 比 1/3 に下がる」
✗ 名詞句
「保守コストについて」
ソース別 — 公式ドキュメントの参照サムネ
20ソースの公式デザインシステム／ガイドラインのページ外観。クリックで一次資料へ。
⚠️ 各サムネは公式ページの外観参照です（著作権は各社に帰属）。実物の確認は必ず出典リンク先で。撮影できなかったソースはサムネ非表示としています（精度100%原則）。