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耐性