你會得到
- 開放格式的 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
類似技能
查看全部 →黑白攝影棚人像
+3把日常照片變成沉靜的黑白攝影棚人像,而且仍然像你本人。
部落格文章插圖組
+3為同一篇文章做三張風格一致的插圖,每張都忠於它所對應段落的實際內容。
汽車剖面結構海報
+3一般汽車的側視剖面圖:色彩標示的系統、編號標記與圓形放大視窗。
黑板風資訊圖製作
+316:9 黑板風資訊圖,文字精確簡短、粉筆手繪,並有一條清楚的閱讀路徑。
電影感分鏡畫格
+3同一場戲的三張分鏡接觸表,各是一種拍法,同時保持連戲一致。
風格一致的概念藝術組
+3一個角色、一件道具與一個場景,明顯屬於同一個虛構世界。
可愛蠟筆塗鴉
+3白紙上笨拙又可愛的蠟筆角色:歪斜的線條、塗抹的色塊、銳利的檔案與貼紙式抠圖。
編輯風線稿插圖
+3留白通透的黑墨插圖,搭配一個強調色,適用於部落格標頭、電子報與社群卡片。
版畫風文章封面
+3每篇文章一張超現實的黑墨版畫,交叉線排線、滿版呈現,把核心概念畫成一個場景。
電動車平台分解圖
+3一台電動車逐層分解:電池、馬達、車艙與車身以色彩呈現,附標註。
產品分解圖海報
+3產品乾淨的分解圖主視覺,零件標籤精確取自你的規格表。
奇幻地圖產生器
+3羊皮紙、地圖集或黑線風格的自創世界地圖,每個地名都正確排版,格線也對得齊。
地區美食風味地圖
+3沉靜的彩繪地區地圖,每個地區都有一張在共用刻度上的小型風味圖,以及誠實的圖例。
插畫城市地圖產生器
+3社區或城鎮的手繪風地圖,重要之處正確,地標也精確標註。
墨線草稿分鏡
+3從一則短故事畫出粗糙的黑墨分鏡頁:線條鬆散、留白充足,每格一個節拍。
線稿風 OG 分享圖產生器
+3沉靜的連結預覽圖:米白卡片、一行簡短的黑色標題,以及手繪墨線角色。
海洋生物學研究海報
+3以彩繪棲地剖面為中心的寬幅研究海報,搭配編號物種與研究發現圖表。
手機樣機產生器
+3你的應用程式放在 3D 摺疊手機上,在柔和的背景中開合,可輸出清晰的 PNG 靜態圖或摺疊短片。
攝影構圖研究
+3同一個主體的三種攝影詮釋,各建立在不同的構圖原則上。
視覺筆記產生器
+3把文章或筆記變成一張手繪的 4:3 視覺筆記,標籤精確並經過檢查。
社群封面與縮圖產生器
+3輸入一則訊息,輸出一組經過檢查的 OG 圖、貼文封面與影片縮圖,每種尺寸都精確。
常見問題
什麼是 DESIGN.md?誰會讀它?
它是純文字的設計系統:頂部是 YAML 變數,下方是書寫的指引。程式與設計 Agent 會讀取它,以保持配色、字型與間距一致。這個技能以其他工具可以檢查與匯出的開放格式撰寫,並在同一個額外的鍵下加入標誌檔、字型授權、對比組合與語氣範例。
配色真的符合無障礙標準嗎?
你會用到的每一組文字與背景配色都會被宣告,並由腳本依 WCAG 2.2 檢查,包括深色模式。未通過的配色會換成同色相中最接近且通過的顏色,比值也會無條件捨去,所以通過就是真的通過。
標誌是 AI 生成的圖片嗎?
不是。字標是從開放授權字型外框化而來,符號則以幾個乾淨的 SVG 形狀繪製。PopNow 的草稿可以啟發符號設計,但絕不會以點陣圖作為標誌交付,檢查工具也會拒絕點陣圖。
它怎麼避免看起來像競爭對手?
你要列出需要避免的品牌、其配色與標誌的描述。檢查會標出重複其配色組合的調色盤,提示詞不會點名它們,而符號在繪製前也會與它們的標誌比對。但這不是法律上的商標檢索。

