用 Claude Design 一次做出整套品牌：先定系統，再長出 IG 貼文、官網首頁和廣告橫幅
別先要 logo。先叫 Claude Design 定好顏色、字體、按鈕、間距和 Do/Don't，再用同一套系統做貼文、首頁和橫幅，四樣東西才會像同一個牌子。
你用 AI 做品牌，是不是只拿到一個 logo，之後每做一張圖，顏色和字都不太一樣？問題不在 AI，是順序錯了。先定一套品牌系統，再讓所有東西從系統長出來。這篇用 Claude Design，替一間虛構的高山茶飲品牌「山嵐茶研所 SHANLAN TEA LAB」做了一個專案、四頁內容。下面每一張圖，都是 Claude Design 實際做出來的。
01先打開 Claude Design
- 到 claude.ai/design，用你的 Claude 帳號登入。
- Claude 官方 2026 年 10 月 8 日的文章寫到：Design 已經結束 beta，每個方案都能用，包括免費方案。
- 9 月 16 日起，在一般的 Claude 對話裡也能直接用 Design。
- 開一個新專案，準備貼上下面的 prompt。
- Claude Design — 獨立網站開放到 12 月 14 日，之後併入 Claude
02第 1 步：貼上 prompt，先要系統，不要先要 logo
大部分人一開口就是「幫我做 logo」。這樣只會拿到一個圖形，貼文、網站、廣告還是各做各的。改成先要一整套系統，再要產出，而且全部放在同一個專案裡。
幫「［品牌名＋英文名］」做一套品牌系統：logo 方向、5 個有名字的品牌色（附 HEX 和用途比例）、字體系統、按鈕、卡片、間距、Do/Don't。再用這套系統做一張 IG 新品貼文、一個官網首頁、一張廣告橫幅，四頁放在同一個專案。全部用繁體中文。
03第 2 步：看它定好的品牌系統
第一頁是品牌系統。它先給 logo 方向：橫式主標、直式反白、單獨標誌三種用法，還寫好最小留白和最小尺寸。
5 個品牌色都有中文名、英文名、HEX 和比例：嵐霧白 #F2F3EE（50%）、山稜墨 #1C2723（25%）、高山茶綠 #3D6A52（15%）、雲杉灰 #A8BFB3（7%）、烏龍琥珀 #C8893A（3%）。
字體也一起定好：中文標題用 Noto Sans TC 粗體，英文標題用 Space Grotesk，數字和規格用 IBM Plex Mono。字級從 Display、H1、H2 到內文，每一級的大小和粗細都寫成數字。
04第 3 步：同一套系統，長出 IG 貼文、首頁和橫幅
第二頁是 IG 新品貼文。冷泡烏龍的大標用中文粗體，下面的綠色條用高山茶綠，「新品上市」那一顆是唯一的烏龍琥珀。1,400m、12hr、0 糖這些數字，用的就是系統裡指定的數字字體。
第三頁是官網首頁。導覽列、主視覺、本季茶品卡片、三個堅持，全部是同樣的綠、同樣的字、同樣的按鈕，一眼就看得出是同一個牌子。
第四頁是廣告橫幅：冷泡烏龍第二瓶 6 折，10.20–10.31。底色換成高山茶綠，「6 折」和按鈕用烏龍琥珀，還是同一套規則。
05第 4 步：用 Do/Don't 守住品牌，再一頁一頁修
系統頁最後還有 Do/Don't，連文案語氣都寫好了：要像懂茶的同事，簡短、具體、有數字；不要浮誇，不要一堆驚嘆號，不要「頂級、極致、神級」這種空泛形容詞。
- 看哪一頁不對，就只叫它改那一頁，並說清楚其他頁和品牌系統不要動。
- 小地方可以直接在畫面上留言指定元素，或直接改文字。
- 做完用匯出功能存成 PDF、PPTX、獨立 HTML，或送到 Canva。
- 要做成真的網站，可以打包成 handoff bundle 交給 Claude Code。
只改「［IG 新品貼文］」這一頁：［把價格放大，產品名往上移］。品牌系統和其他頁都不要動。
06要注意
- 山嵐茶研所 SHANLAN TEA LAB 是虛構品牌，四頁內容由 Claude Design 生成，示範用。
- 海拔、SGS 檢驗、價格、活動日期這些文案都是 AI 為虛構品牌寫的，換成你品牌的真實資訊再發布。
- claude.ai/design 獨立網站開放到 12 月 14 日。官方說之後在獨立版裡的對話和留言會無法使用，公開連結也會失效，重要的專案記得先匯出。
- 真的要用的 logo，先到經濟部智慧財產局查商標，確認沒有跟別人撞。
- 印刷前用實體色票校色，螢幕上的顏色和印出來會有差。