數位電子指南技能
產生雙頁數位指南預覽,並排顯示。封面位於行首,內頁跨頁位於行尾。生活風格創作者調性,大量留白,襯線顯示標題,仔細的欄位節奏。
工作流程
- 讀取現有的 DESIGN.md(注入於上方)。為標題選擇一個襯線顯示字型(鼓勵使用斜體連字),為長文選擇一個襯線字型,為統計數字/標籤選擇一個等寬字型。
- 從需求中選定主題與作者。產生真實的標題(例如「創作者風格與格式指南」)、副標題,以及一行作者署名。
- 版型 — 將兩頁置中於有色背景上:
- 第 1 頁 — 封面:
- 眉毛標題(「創作者風格與格式指南」)。
- 顯示標題,使用混合字重與一個斜體強調詞(「創作者風格與格式指南」——
&與「指南」為斜體)。 - 3 格統計列(「16 種風格原則」、「38 個注意事項」、「1 個區塊,零模板」),使用等寬字型,以
·分隔。 - 「內容一覽」標題,搭配 2 欄目錄(章節 + 等寬字型頁碼,虛線引導點)。
- 頁尾:「尋找你的聲音」+ 頁碼 01 等寬字型。
- 角落放置微妙的裝飾點或貼紙(CSS)。
- 第 2 頁 — 內頁:
- 眉毛標題,包含章節編號與名稱(「第二章 · 語氣」)。
- 顯示副標題(「像說話一樣寫作——只是更鋒利。」)。
- 2 欄正文:開場段落 + 編號 4 步驟清單(「01 選定規則」、「02 刪除廢話」……)。
- 側引文固定於行尾:對於拉丁語系使用大型斜體顯示與強調色;對於阿拉伯語、波斯語與烏爾都語使用常規或輕強調(無斜體);對於希伯來語使用常規或輕強調(無斜體)。(具文字系統感知能力)。
- 底部條帶:「練習」呼籲行動(等寬標籤 + 1 句提示斜體)。
- 頁尾:章節名稱 + 頁碼 18 等寬字型。
- 第 1 頁 — 封面:
- 撰寫 單一 HTML 文件:
<!doctype html>到</html>,CSS 行內。- 頁面為 600×860 紙張色調卡片,帶 6px 陰影,彼此略微相反旋轉(±0.6deg),以營造雜誌放在桌上的感覺。
- 在封面、內頁、目錄、側引文、練習區塊上使用
data-od-id。
- 自我檢查:
- 字型層級結構符合編輯風格——標題主導第 1 頁,副標題主導第 2 頁。
- 斜體強調每頁出現一次。
- 等寬字型僅用於標籤、統計數字與目錄編號。
輸出合約
在 <artifact> 標籤之間輸出:
<artifact identifier="eguide-slug" type="text/html" title="電子指南 — 標題">
<!doctype html>
<html>...</html>
</artifact>
在 artifact 前後各輸出一句話。