Brand Board Standard
此技能確保每個品牌板都使用相同的區塊框架,讓不同品牌(不同角色、顏色、語調)仍能以一致的方式進行比較、審查與交接。
此標準源自對 4 個參考品牌板(Pawang.dev、DukunKode、Gus Kode、Ning Kode)的分析。每個品牌板各有其擅長領域,因此此標準結合了它們各自的優點。每個區塊的完整規格請參閱 references/section-spec.md。
為何需要此標準
若無固定框架,新品牌板容易遺漏當下未考慮到的區塊(例如深色版標誌、程式碼字體、錯誤狀態的微文案)。結果導致其他團隊無法一致地使用該品牌。固定框架強制對每個品牌提出相同的問題。
選擇範圍:分層或完整
有兩種範圍。預設為分層。 僅在使用者明確指定(例如「完整模式」、「所有區塊」、「full」、「全部填滿」)時才使用完整範圍。若使用者未提及任何資訊,則使用分層範圍,且無需提問。
| 分層(預設) | 完整 | |
|---|---|---|
| Tier 1(7 個區塊) | 必填 | 必填 |
| Tier 2(7 個區塊) | 僅當品牌擁有該元素時 | 必填,若品牌無則使用最小版本 |
| Tier 3(2 個區塊) | 僅當相關時 | 必填,若不相關則使用最小版本 |
| 跳過的區塊 | 需記錄原因 | 無 |
| 適用於 | 已有明確識別的品牌、簡潔的品牌板 | 跨品牌的統一模板、全面性文件 |
在完整範圍中,每個區塊都有「最小版本」(請參閱 references/section-spec.md),以避免強行填寫:其內容衍生自標誌、標語和業務領域,而非憑空捏造品牌不具備的元素。若某區塊內容完全為衍生,則在該區塊標題處標記一次 [ASUMSI],而非逐行標記(請參閱下方標記規則)。
三種工作模式
根據使用者要求決定模式,然後依循流程。範圍(分層/完整)同樣適用於所有三種模式。
模式 A:建立新品牌板
- 收集最低要求的簡介。 先確認對話中已有哪些資訊,不要重複提問。需要的資訊:
- 品牌名稱和標語(或 3 個價值支柱)
- 業務領域和目標受眾
- 角色/語調(例如溫暖、神秘、正式),若有則包含文化概念或吉祥物
- 顏色偏好(可選,可提議) 若簡介不足,最多同時詢問 3 個問題,其餘以明確標記的假設填入。
- 決定範圍(預設分層),若為分層,選擇相關的 Tier 2/3 區塊。
- 使用
assets/brand-spec-template.md產生品牌規格書。 這是一份填入每個區塊的 Markdown 文件,做為單一事實來源。 - 產生圖片提示(每個品牌板一個提示),從品牌規格書衍生,並遵循
references/section-spec.md中的「畫布佈局」。Claude 不親自繪製品牌板,因此此提示將用於使用者選擇的影像生成工具。 - 交付結果前執行 QA 檢查清單。
模式 B:審核現有品牌板
- 將品牌板內容對應到標準區塊列表(16 個區塊)。若無特殊要求,以分層範圍評估;若使用者要求完整,則所有 16 個區塊皆視為必填。
- 產出表格:區塊、狀態(✅ 完整 / ⚠️ 部分 / ❌ 不存在)以及具體缺失的說明(例如「字體缺少程式碼字體」)。
- 排序發現:先排缺失的 Tier 1,然後是內容完整性,最後是 Tier 2 與 3。
- 提議建立一個修補這些差距的品牌規格書。
模式 C:統一多個品牌板
對每個品牌板執行模式 B,顯示比較矩陣,然後建議每個品牌板需要新增的區塊。
標準結構(簡潔)
此順序與編號保持不變。請勿跨品牌更改,以便閱讀者總是知道去何處尋找特定資訊。一個區塊 = 一個主題,無合併區塊。
Tier 1:所有品牌板、兩個範圍皆必填
| # | 區塊 | 最低內容 |
|---|---|---|
| 1 | 主視覺(Hero) | 主要標誌、標語、主要插圖/視覺、一句輔助說明、3 個支柱 |
| 2 | 標誌變體 | 橫式、直式、圖示/應用程式圖示、極簡、深色版、網站圖示 |
| 3 | 色票 | 至少 4 種顏色;每種顏色需有名稱、十六進位碼與角色 |
| 4 | 字體 | 3 種角色:標題、內文、程式碼/技術;每種字體需標明用途與範例 |
| 5 | 語氣 | 語調描述、引用範例、各 UI 情境的微文案、原則檢查清單 |
| 6 | 應用範例 | 至少 3 個實際情境 |
| 7 | 頁尾 | 小型標誌、一行描述、3 個支柱或標語 |
Tier 2:分層範圍為條件式,完整範圍為必填
| # | 區塊 | 分層範圍的條件 |
|---|---|---|
| 8 | 品牌哲學 | 品牌以故事或定位銷售 |
| 9 | 品牌價值 | 品牌有向受眾傳達的價值 |
| 10 | 吉祥物 | 品牌有角色 |
| 11 | 圖示集 | 品牌使用自訂圖示集 |
| 12 | 視覺元素 | 品牌使用裝飾或文化圖案 |
| 13 | 背景圖案 | 品牌使用背景圖案 |
| 14 | 額外資產 | 存在其他支援性資產 |
Tier 3:商業模組,分層範圍為選填,完整範圍為必填
| # | 區塊 | 分層範圍的條件 |
|---|---|---|
| 15 | 服務 | 品牌銷售具名的服務/產品 |
| 16 | 套裝方案 | 服務有套裝方案 |
品牌規格書撰寫規則
- 使用 Markdown。若需顯示流程或階層,請使用 Mermaid 圖表。請勿建議將 CSV 作為資料來源,因為 Markdown 已足夠做為單一事實來源。
- 以使用者使用的語言撰寫(預設為印尼語)。技術術語保留原文(hex、favicon、microcopy)。
- 保留參考品牌板的區塊名稱:「色票」、「字體」、「語氣」、「應用範例」、「標誌變體」。
- 每個顏色值寫成
#RRGGBB。每個字體以精確名稱與角色書寫。 - 在色票的角色欄位中,提及安全的文字-背景顏色組合(目標對比度至少 4.5:1)用於內文。
- 請勿編造使用者未提供的商業事實(價格、服務名稱、宣稱)。若必須填寫,請標記
[ASUMSI],以便輕鬆找到並確認。 [ASUMSI]標記規則: 當某個區塊的全部內容皆為衍生或最小版本時,在區塊層級標記,放置於標題中(例如### 10. 吉祥物 [ASUMSI])。僅對區塊內一個特定事實(該區塊其餘內容來自使用者或簡介)進行行或句子層級標記(例如,確認郵件中「1 個工作天內」的承諾,或一個尚未確認的服務名稱)。不要在標題已標記的區塊中標記表格的每一行。最終摘要只需列出已標記的區塊和已標記的特定事實。- 若品牌使用文化或宗教元素(蠟染、kawung 圖案、徽章、宗教術語),請保持尊重且不貶損。有疑慮時應提問,而非自行假設。
圖片提示格式
圖片提示必須是自足(可直接貼上)且包含以下順序的內容:畫布格式、插圖風格、各區塊及其內容列表、含十六進位碼的色票、以及禁止事項(例如「無隨機文字」、「文字必須可讀」)。
兩個不同的順序,請勿混用:
- 品牌規格書遵循區塊編號順序(1, 2, 3, ... 16)。
- 圖片提示遵循畫布佈局順序,即從上到下的逐行順序:1, 2, 10, 14, 11, 12, 3, 4, 5, 6, 13, 8, 9, 15, 16,最後是 7(頁尾)。在分層範圍中,跳過未使用的編號,不改變其餘順序。
- 在提示中的每個區塊前加上標準編號前綴(例如
[10] 吉祥物: ...),這樣即使順序與編號不同,也能清楚指明是哪個區塊。精確列出所有應出現在圖片上的文字,因為影像模型在自由拼寫文字時容易出錯。
建議使用者將產生的圖像視為視覺草稿,並以 Markdown 品牌規格書作為十六進位碼、字型名稱和文案的單一事實來源。
交付結果前的 QA 檢查清單
- 使用的範圍(分層/完整)已在品牌規格書開頭說明
- 所有 7 個 Tier 1 區塊皆存在且滿足最低內容要求
- 每種顏色都有名稱、十六進位碼和角色
- 字體包含程式碼字體以及每種字體的用途標籤
- 存在深色版標誌與網站圖示
- 語氣包含至少以下情境的微文案:主視覺、CTA、載入中、成功、404 錯誤、確認郵件
- 區塊順序與編號符合標準
- 完整範圍:所有 16 個區塊已填滿,無空白
- 分層範圍:跳過的區塊已記錄原因
- 假設已按照規則標記:若整個區塊為衍生,則在標題處標記;僅對單一事實進行行級標記;已標記的區塊內無重複標記
- 最終摘要列出已標記
[ASUMSI]的區塊與事實
回覆使用者的格式
以結果(品牌規格書或審核表格)開頭,然後以簡短的假設列表以及需要確認的事項結尾。若結果已存在於檔案中,請勿在聊天中重複規格內容。