HTML資料デザイン — コンサル品質の出力設計

AIが出すHTMLがダサいのは、構造を「線と箱」で作るから。 一流の資料は、構造を**「余白と文字の階層」**で作る。 このスキルは、HTMLを出力するあらゆる場面でその流儀を強制する。

目的

HTMLで資料（報告書・分析メモ・提案書・調査サマリー・ダッシュボード）を出すとき、 そのまま社内外に出せる「コンサル品質」のデザインで出力する。 デフォルトのAIっぽい見た目（カード乱立・グラデ・絵文字・虹色）を禁止する。

原則（5つ）

1. 区切りは余白で作る。 セクションの境界は64px以上の余白＋横の細罫1本まで。囲み枠は使わない。
2. 階層は文字で作る。 サイズ・太さ・色の濃淡（黒→グレー2段階）で階層を表現する。背景色で表現しない。
3. 色は3つまで。 紙の白＋インクの黒グレー系＋アクセント1色（既定は濃紺）。アクセントは面積5%以下、重要な数字と構造要素だけに使う。
4. 構造は「メッセージ→根拠」。 各セクションは見出しの直後に「言いたいこと1文（メッセージライン）」を置き、その下に根拠（表・図・本文）を並べる。
5. 印刷に耐える。 白背景固定・A4で崩れない。画面映えではなく配布資料として設計する。