Typeset

何時使用

當頁面上的文字看起來像預設字型而非設計過的字型時，請使用 /impeccable typeset。模糊的層次、三個看起來一樣的大小、14px 的內文、實際上只是 Inter bold 的展示字型、沒有 kerning 調整的標題。

常見觸發點：「層次感覺扁平」、「可讀性不對」、「字型看起來很通用」。

運作方式

技能從五個維度評估字型排版：

1. 字型選擇：你是否使用了隱形預設值（Inter、Roboto、Arial、Open Sans），字型是否匹配品牌，是否有超過 2 到 3 個字型家族。
2. 層次：標題、內文和註釋是否一目了然地不同，大小對比是否至少 1.25 倍，粗細對比是否清晰可辨。
3. 大小和比例：是否有一致的字型比例，內文是否達到 16px 最低標準，應用 UI 是固定 rem 比例還是行銷頁面用流體 clamp。
4. 可讀性：行長 45 到 75 個字元，行高根據字型和情境調整，對比度。
5. 一致性：相同元素在各處使用相同處理方式，沒有一次性 font-size 覆寫。

然後它修復發現的問題：選擇有辨識度的字型、建立模組化比例、擴大層次對比、設定適當的行長和行距。

試試看

/impeccable typeset the article layout

預期變更：

• 展示字型從 Inter 700 替換為真正的展示字體
• 字型比例重建：3rem / 2rem / 1.25rem / 1rem / 0.875rem，比例 1.333
• 內文從 14px 提升到 16px
• 文章欄位的行長限制為 68ch
• 行高：內文 1.6，展示 1.1
• 移除散落在元件樣式中的四個一次性 font-size 值

注意事項

• 沒有脈絡就要求新字型。 Typeset 會根據 PRODUCT.md 的品牌調性來選擇。如果你還沒執行過 /impeccable teach，建議會是通用的。
• 問題是版面配置卻去找 typeset。 如果段落沒問題但頁面感覺擁擠，你需要的是 /impeccable layout。
• 期望在應用 UI 上使用流體 clamp 比例。 Typeset 對應用介面使用固定 rem 比例。流體字型適用於行銷和內容頁面，那裡的行長變化很大。