為什麼排版細節直接影響轉換率
研究顯示，閱讀難度（Cognitive Load）會降低用戶對內容和品牌的信任感——如果閱讀費力，大腦會潛意識地把「不舒服」的感覺歸因到內容本身甚至品牌。
反之，設計良好的排版讓閱讀流暢，用戶停留更久，也更傾向信任品牌傳遞的信息。
字型大小
行文主體的最小尺寸
桌面：主要內文建議 16–18px。低於 16px 的主要內文對大多數成年用戶（特別是 40 歲以上）有明顯的閱讀負擔。
手機：16px 是最小值。許多設計師用 Tailwind 的 text-base（16px）在手機上顯示內文，這是合理的起點。
次要文字（圖說、標籤、輔助說明）：可以小到 12–14px，但不要大面積使用這個大小。
標題層次
清楚的標題層次（H1 大幅大於 H2，H2 明顯大於 H3）讓用戶能快速掃描文章結構，決定是否繼續閱讀。
Tailwind 建議的標題大小比例：text-4xl 或 text-5xl（H1）→ text-2xl 或 text-3xl（H2）→ text-xl（H3）
在行動端，標題要適當縮小（使用 Tailwind 的響應式前綴），避免 H1 在手機上佔滿半個螢幕。
行距（Line Height）
行距是影響長文章易讀性最重要的單一參數。
身體文字的行距建議
正文：line-height 1.6–1.8（Tailwind 的 leading-relaxed: 1.625 或 leading-loose: 2 都在合理範圍）
標題：line-height 1.1–1.3（標題字型大，行距可以更緊）
行距的原理
行距太小（1.0–1.2）：閱讀長段落時，視線從行末移回到下一行開頭時容易跳錯行，造成閱讀中斷。
行距太大（2.0+ 用於內文）：每行視覺上太獨立，閱讀流暢性反而下降，段落感覺「稀疏」而非「清晰」。
最佳區間 1.5–1.8：視線流暢地從一行跳到下一行，不費力。
行寬（Measure / Line Length）
行寬是每行文字的字符數量（或以 ch 單位的視覺寬度）。
為什麼行寬很重要
行太短（< 45 字符）：視線頻繁在行末和行頭之間移動，閱讀節奏被打斷。
行太長（> 80 字符）：閱讀長段落時，視線從行末移回下一行行頭的距離太遠，容易跳行或失去位置。
最佳行寬：45–75 字符（中文 30–50 個字）在桌機上約相當於 max-width: 65ch 或 680px 的內容寬度。
在 Tailwind 中控制行寬
使用 max-w-prose（Tailwind 的內建值，等於 65ch）限制段落文字的最大寬度，這是專門為正文易讀性設計的選項。
不要讓正文在全寬（1200px 或更寬的容器）中橫向延伸——即使整體頁面是寬版的，內文欄位也應該有最大寬度限制。
字間距（Letter Spacing）
一般正文不應該調整字間距——字型設計師已經設定好了最佳間距。
字間距調整適用的場景：
ALL CAPS 標題（tracking-wider 或 tracking-widest）：大寫字母之間的間距偏小，適當加大字間距讓 ALL CAPS 更清晰。
標籤和說明文字（tracking-wide 或 wider）：小字型的輔助文字加大字間距能提升易讀性。
Logo 和品牌識別文字：依品牌風格決定，不是通用建議。
對比度和顏色對易讀性的影響
深色背景上的文字（如本站的深海軍藍背景）：主要文字用 white（#fff）或略偏暖的白色（white/90）；次要文字用 white/60 左右，確保對比度足夠（前面 WCAG 文章中討論過的 4.5:1 標準）。
淺色背景：使用深色但不刺眼的文字色（避免純黑 #000，略帶暖調或涼調的深色通常比純黑更舒適，例如 #1a1a2e 或 #333）。