TAEZ リマインドメール — 色調整 Before / After

Before(現状の課題)

問題点
  • カテゴリー見出しが全部ブランド青(#0E67B4系)→ 目に刺さる/緊急度の差が伝わらない
  • 宿題タイトル(リンク)も同系の青&太字 → 見出しと中身のヒエラルキーが立たない
  • 「期限接近」と「期限超過」が同じ色 → 一番見てほしい超過案件が埋もれる
  • Outlookではリンクが強制で青になるため、青のカテゴリーは結局区別不能

After(提案)

改善ポイント(v4 — 見出し大/本文小に階層逆転)
  • 見出し大:カテゴリーラベルを 17px / 700 に格上げ。視線が最初に届く
  • 本文小:宿題タイトルは 14px / 400、期限は 12px / 400 でコンパクトに
  • 見出しでカテゴリーを瞬時把握 → 必要なら本文を読む、の自然な視線誘導
  • グループ内マージン詰め:見出し下4px → 区切り線 → 本文上4px → 期限上4px(近接の法則)
  • グループ間 padding-bottom:28px で塊として分離
  • 色で緊急度:通常=黒(#333) / 担当=青(#0E67B4) / 超過=赤(#D6423D)
  • テーブル組み+width="600"属性+ghost table(mso条件分岐)でOutlook耐性