你會得到

  • 開放格式的 DESIGN.md,前置區塊為變數,後面是書寫的指引
  • tokens.json(W3C 設計變數)與含淺色、深色主題的 tokens.css
  • 外框化的 SVG 字標、符號、組合標誌、反白版與單色版
  • 一頁式品牌板,以離線 HTML 與 PDF 呈現,含四到六個樣機
  • 三個方向的情緒板頁面供選擇

適合

  • 在一個工作階段內為新產品、小店或副業專案建立識別
  • 撰寫 DESIGN.md,讓你的程式 Agent 不再產出千篇一律的介面
  • 把既有的主題檔轉成有文件、已檢查對比的系統
  • 在提案或第一次客戶會議中,呈現可信的品牌板

不適合

  • 商標檢索:它會避開相似的設計,但不會搜尋商標登記資料庫
  • 吉祥物或完整的插畫系統
  • 逐行比對嚴格的既有品牌手冊

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「品牌套件與 DESIGN.md 產生器」(brand-kit-design-md)幫我做這件事:為 Lumen Notes 製作品牌套件,它是給晚上工作的研究人員用的沉穩筆記應用。溫暖而略帶巧思,絕不能是又一個紫色 AI 應用。目前還沒有標誌。

在程式 Agent 裡

/popnow-brand-kit-design-md 為 Lumen Notes 製作品牌套件,它是給晚上工作的研究人員用的沉穩筆記應用。溫暖而略帶巧思,絕不能是又一個紫色 AI 應用。目前還沒有標誌。

接著試試

採用方向 A,但標籤的綠色借用 B 的配色。

目前只要輕量版:配色、字型與語氣,不含圖片授權。

需要準備

  • 幾句關於產品、受眾與個性的描述
  • 必須避免相似的競品,若知道的話也附上其主要顏色
  • 任何想保留的標誌、顏色或字型
  • Python 3 與 Chrome;外框化字標需要 fonttools

類似技能

查看全部 →

常見問題

什麼是 DESIGN.md?誰會讀它?

它是純文字的設計系統:頂部是 YAML 變數,下方是書寫的指引。程式與設計 Agent 會讀取它,以保持配色、字型與間距一致。這個技能以其他工具可以檢查與匯出的開放格式撰寫,並在同一個額外的鍵下加入標誌檔、字型授權、對比組合與語氣範例。

配色真的符合無障礙標準嗎?

你會用到的每一組文字與背景配色都會被宣告,並由腳本依 WCAG 2.2 檢查,包括深色模式。未通過的配色會換成同色相中最接近且通過的顏色,比值也會無條件捨去,所以通過就是真的通過。

標誌是 AI 生成的圖片嗎?

不是。字標是從開放授權字型外框化而來,符號則以幾個乾淨的 SVG 形狀繪製。PopNow 的草稿可以啟發符號設計,但絕不會以點陣圖作為標誌交付,檢查工具也會拒絕點陣圖。

它怎麼避免看起來像競爭對手?

你要列出需要避免的品牌、其配色與標誌的描述。檢查會標出重複其配色組合的調色盤,提示詞不會點名它們,而符號在繪製前也會與它們的標誌比對。但這不是法律上的商標檢索。