AI 名片配色與外觀

AI 名片頁面的視覺風格主要由「主色」、「輔色」、「明亮 / 深色主題」、「頭像邊框」這幾項決定。本篇講怎麼調整這些設定，讓名片頁的視覺與你的品牌一致。

8 組預設配色#

編輯器裡有 8 組精選配色，點一下就套用：

黑：深灰主色 + 淺灰輔色，適合科技、設計、攝影類品牌
藍：深藍 + 中藍，適合企業、財務、教育類
金：奢華金 + 淺金，適合精品、時尚、高端服務
紅：磚紅 + 粉紅，適合餐飲、節慶、零售活動
綠：墨綠 + 草綠，適合健康、植栽、戶外品牌
褐：木褐 + 駝色，適合手作、咖啡、自然系
橘：活力橘 + 淺橘，適合運動、青少年、活動類
紫：藍紫 + 淺紫，適合藝術、神祕學、療癒類

每組配色都包含「主色」與「輔色」兩個值。主色用在 CTA 按鈕背景、強調文字；輔色用在次要按鈕、邊框、淺色背景。

自訂主色與輔色#

預設的 8 組不夠用、想要完全跟品牌色一致時，可以手動輸入 hex 色碼：

在「主色」欄位輸入 hex（例：#0D2A4C）
在「輔色」欄位輸入第二色
儲存後預覽，看 CTA 按鈕、連結按鈕、頁面強調色是否符合預期

建議：主色與輔色色相相近、亮度差約 20-30%，看起來最和諧。如果不確定要選什麼，回去用預設的 8 組就好。

自動跟隨網站主色#

如果你的網站已經設定過主題色（在「外觀 → 客製化」裡的色票），AI 名片會自動讀取你的網站主色與輔色，不用手動再設一次。

觸發條件：你沒在 AI 名片裡手動改色，配色就會跟隨網站。如果在 AI 名片裡手動指定了顏色，就會用 AI 名片的顏色（不被網站主色覆蓋）。

明亮 / 深色主題#

除了主色與輔色，還可以選整體頁面是「明亮」還是「深色」：

明亮主題（預設）：白底深字，適合大部分品牌
深色主題：黑底淺字，視覺感強、有設計感，適合科技、夜店、影音類品牌

主題切換後主色與輔色會自動微調以符合背景對比，不用另外調。

頭像邊框#

頭像下方有個「加邊框」開關。勾起來後頭像周圍會多一圈白色邊框：

頭像如果是 Logo、深色背景圖片：建議勾、邊框讓視覺重點明確
頭像本身是去背 PNG 或淺色：可以不勾

配色搭配建議#

專業型品牌（顧問、會計師、律師）：黑或藍 + 明亮主題，視覺穩重
創意型品牌（設計師、藝術家）：紫或橘 + 深色主題，視覺強烈
生活風格品牌（咖啡、選物店）：褐或綠 + 明亮主題，視覺溫暖
節慶活動（限時專案）：紅或金 + 明亮主題，視覺熱鬧

沒概念就先用「黑」+ 明亮主題，這是最不會出錯的組合。