創作者品牌工具包 是做什麼的?
輸出資料夾 brand/<slug>/:
brand.json # 名稱、定位、顏色、字型、Logo 路徑、調性 — 供其他技能讀取
palette.svg # 色票與十六進位色碼
logo/ # mark.svg、wordmark.svg、lockup.svg(+ PNG 匯出)
mockups/ # 應用範例
guide.md # 一頁使用指南
步驟 1 — 簡報
名稱、功能簡述、目標受眾、3 個代表個性的詞彙、欲避免風格相似的競爭對手、現有可保留的素材。詢問一次缺少的項目。
步驟 2 — 方向(需核准後再進行後續步驟)
提供 2 個方向,每個方向包含:一句話概念、5 色調色盤(十六進位色碼,並標明角色:主色、次要色、強調色、深色中性色、淺色中性色)、字體搭配(Google Fonts 名稱)、Logo 構想。請參閱 references/brand-foundations.md 的調色盤對比度與字體規則。
步驟 3 — Logo
- 直接製作 SVG(永遠可行、可編輯、可縮放):幾何圖案標誌、文字標誌(僅當使用者提供字體時才將文字轉為路徑;否則使用網頁安全字體堆疊並註明)、組合標誌。保持標誌簡潔:在 16 像素與單色下仍能辨識。
- 可選的探索版本,僅供靈感參考:
creator.py image --prompt "flat vector logo exploration for <name>: <idea>, <palette>, white background, no mockup" --ratio 1:1。產生的點陣圖僅供參考,非最終成品;需將選定的概念重新製作成 SVG。 - 匯出 PNG:
ffmpeg -i logo/mark.svg -vf scale=1024:-1 logo/mark-1024.png(若 ffmpeg 不支援 SVG,可使用rsvg-convert或瀏覽器截圖)。
步驟 4 — 模型
使用 creator-image / creator.py image,並以 Logo PNG 作為 --ref 參考圖,以文字描述調色盤:個人頭像、社群貼文範本、YouTube 橫幅(2560×1440,安全區域 1546×423)、名片、手提袋/T恤、包裝 — 僅製作使用者需要的項目。精確文字請使用 media.py text 加入,而非透過圖像生成。
步驟 5 — 儲存工具包
寫入 brand.json,並提供選項將顏色/字型/Logo 複製到創作者技能設定中的 brand 區塊,讓縮圖、廣告和產品照能自動套用。寫入 guide.md:調色盤角色與對比度說明、字體階層、Logo 安全區域與最小尺寸、正確與錯誤範例。
規則
- 執行快速的原創性檢查:避免設計與知名標誌相似的圖案;建議使用者在商業使用前進行商標搜尋。
- 文字對比度:內文與背景的對比度需 ≥ 4.5:1(符合 WCAG AA 標準)。
參考資料
references/brand-foundations.md— 調色盤角色、對比度、字體搭配、Logo 規則references/image-prompting.md、references/media-ops.md、references/providers.md