網站 Logo 設計與配色：用 Canva 製作標誌

Logo 跟配色是同一件事，不是兩件事。這篇帶你用 Canva 做出一個能直接上線的網站標誌，再從那個標誌反推出一組高質感的品牌色，最後無痛搬進 WordPress。真正的考驗不在「把 Canva 的功能全部點過一遍」，而在一個很殘酷的技術現實：你的標誌在 32×32 的 favicon 跟手機瀏覽列上，還認不認得出來是同一個品牌。

這篇是寫給一種特定的人：你正在自己架品牌網站，沒有編制內的設計師，預算只夠訂閱一套線上設計工具，但你不想讓網站看起來像是隨便拼出來的。你不需要成為設計師，你需要的是一套有先後順序、能照表操課的決定流程，把「品牌的那個字」一路推進到「網站上每一個按鈕的顏色」。下面整篇就是這條路徑。

為什麼多數人把 Logo 跟配色拆開做，結果兩個都做壞

想像一下這個畫面。你花了一個週末，在 Canva 上挑了一個看起來很漂亮的圖形 Logo，配色用的是你私心最愛的莫蘭迪灰綠。然後你把它丟上網站頁首，再隨手選了三個「好像滿搭」的顏色當網站主色。看起來沒問題，對吧？

問題是，三個月後你回頭看，Logo 像一張浮在網站上的貼紙，網站配色跟標誌那抹灰綠完全接不起來，整個畫面像拼裝車。

這不是你審美有問題。這是你把兩件其實是同一件事的東西，拆成兩件事來做。Logo 跟品牌色不是兩個獨立的設計任務，它們是同一個視覺系統的兩個出口。Logo 決定了你的主色長什麼樣、字體個性是圓潤還是俐落；品牌色反過來又決定了 Logo 在頁首、在社群貼文、在名片上要怎麼活下去。你先做 Logo、再單獨配色，等於先蓋屋頂才在想樑柱要放哪。

以室內設計工作室這類網站為例，「Logo 跟配色一起決定」這個公式就是命根子。常見的踩雷是先把標誌定了，才發現標誌裡用了一個很特殊的海軍藍，而這個藍在現成的佈景裡找不到對應的色票，最後整個網站的按鈕、連結、標題顏色全部要手工指定十六進位色碼，光調色就吃掉一個禮拜。接下來要幫你省下的，就是那一個禮拜。

如果你過去已經把這兩件事拆開做、現在進退兩難，也不用全部打掉重練。這篇後半段會教你怎麼用現成的 Logo 反推回一組能用的品牌色。先別急著丟東西。

動手之前，先把你的品牌濃縮成「一個字」

絕大多數的新手開 Canva 之前會做一件事：開 Pinterest 找靈感，存了兩百張圖，然後在兩百種風格之間擺盪。我不反對找靈感，但找靈感之前，你得先回答一個更根本的問題：你的品牌如果只能用「一個形容詞」形容，是哪一個字？

是溫暖？專業？大膽？克制？這個字會像一條隱形的線，同時牽動你的 Logo 形狀、字體選擇、以及主色。一個主打「專業」的法律事務所，Logo 走圓潤手寫體配上糖果色，設計再漂亮也是災難；一個主打「溫暖」的親子烘焙工作室，Logo 走冷硬幾何無襯線字配鐵灰，同樣是災難。風格沒有對錯，但風格跟品牌的那個字對不上，就是錯。

那個字怎麼決定？三個問題快速定位

你不需要做完整的品牌定位工作坊。對一個要自己架站的小型品牌來說，回答下面三個問題就夠了：

1. 你的客戶付錢給你的時候，他真正買的是什麼？（是安心感、是效率、是身份象徵、還是被照顧的感覺？）
2. 跟你做同一件事的競爭對手，他們的視覺普遍偏哪一邊？（大家都很冷硬，你就可以走溫暖；大家都很花俏，你反而要克制。）
3. 三年後你希望這個品牌給人的第一印象是什麼？（不是現在做什麼，是三年後想變成什麼。）

這三個答案交集出來的那個形容詞，就是你接下來所有設計決定的裁判。Logo 要用圓角還是直角？問那個字。主色要飽和還是低彩度？問那個字。你在 Canva 裡看到十個模板都心動的時候，那個字就是你砍掉九個的理由。沒有這個裁判，你會在「看起來都不錯」的感覺裡耗掉整整一個下午，最後挑了一個自己都說不出為什麼的組合，事後又反悔。有裁判在手，十分鐘之內就能拍板定案。

想更系統化地拆解品牌識別的來龍去脈，可以回頭看這篇CIS 企業識別系統的完整流程，這裡就不重複展開。我們把焦點放在動手做，把那個抽象的字，變成螢幕上看得見、點得到的顏色跟形狀。對自己架站的人來說，這個「從抽象到具體」的轉換，才是真正會卡住、也真正值得花力氣的地方。

用 Canva 做網站標誌的完整流程

確定了品牌的那個字，接下來才是打開 Canva。我假設你已經有基礎帳號，如果連介面都還不熟，先花二十分鐘把Canva Pro 進階操作的核心功能摸過一遍再回來，後面的步驟會順很多。Canva 的定價跟功能分級可以直接在官方定價頁查到，這裡只講會影響 Logo 成敗的那幾個。如果你連最初的標誌雛形都還沒有，也可以先用AI Logo 產生工具跑幾個方向，再把選定的那一個帶進 Canva 微調。

第一步：建立「品牌套件」，不要從空白畫布開始

第一個新手錯誤是直接開一個 Logo 範本就開始改字。正確的順序是，先到 Canva 的「品牌套件」把你剛才決定的那個字、以及對應的主色色碼、字體偏好全部填進去。品牌套件是 Canva Pro 才完整解鎖的功能，它背後的邏輯很簡單：先讓 Canva 知道你的品牌長什麼樣，Canva 之後產出的每一個設計才會自動貼著你的品牌走，省去每次重新發明輪子的力氣。

把品牌色填進套件有一個關鍵的好處：當你在模板庫裡看到一個很喜歡的版型，點下去的瞬間，Canva 會自動把模板的配色換成你的品牌色。這代表你不用再手動一個一個改色，而且不會發生「模板好看是因為它原本的配色，換成我的顏色就崩壞」這種尷尬場面。

第二步：字體 Logo 還是圖形 Logo？給網站用的答案

Logo 大致分兩種：純字體的「標準字 Logo」，跟帶有圖形符號的「圖形 Logo」。對一個要放在網站上、資源有限的小品牌，我的建議非常明確：先做字體 Logo。理由有三個。

• 縮放容忍度高。字體 Logo 縮到 favicon 尺寸還勉強認得出文字輪廓；複雜的圖形 Logo 縮到 32×32 通常糊成一團。
• 上線速度快。字體 Logo 一個下午能定案；圖形 Logo 從草圖到定稿往往要來回好幾輪。
• 後續擴充靈活。先有字體 Logo 固住品牌辨識度，之後要加圖形符號是加分；反過來先做複雜圖形、後悔了要拿掉，等於砍掉重來。

這不是說圖形 Logo 一無是處。當你的品牌名字本身就比較抽象、缺少畫面感，或者你的產業高度依賴視覺聯想（例如餐飲、旅遊、運動），一個精準的圖形符號確實能加速讀者記住你。但這個判斷的前提是，你已經有足夠的時間跟資源去打磨那個圖形，並且願意接受它在小尺寸下需要一個簡化版本來搭配。對絕大多數剛起步、預算跟時間都有限的小品牌，先把字體 Logo 做扎實，是投資報酬率最高的選擇。等你站穩了、有餘裕了，再回頭幫品牌加上一個圖形符號，那會是錦上添花，而不是倉皇上路的必要品。真要走到編預算升級的那一步，Logo 設計費用的五個價格區間可以先幫你抓出合理的行情範圍。

字體 Logo 的挑選跟微調是一門學問，中文字體的筆畫結構、英文襯線與非襯線的個性差異都會直接改變 Logo 給人的感受。如果你卡在字體選擇，這篇Logo 標準字設計技巧把中英文字體挑選跟視覺一致性講得很細，強烈建議搭配服用。英文襯線體跟手寫體的完整清單，也可以參考英文字體推薦。

第三步：一定要匯出向量格式，PNG 不是你的朋友

定稿後應依用途匯出。PNG 是點陣格式，放大可能失真；需要縮放時可選 SVG，送印則依印刷廠需求輸出 PDF Print。不過檔案是否維持向量，仍取決於設計元素與匯出設定，不能把所有 PDF 都視為純向量檔；Canva 各方案可用格式也應以帳號介面為準。

實務上我會建議同一個 Logo 至少匯出三個版本備用：一個 SVG 向量檔（放大縮小都用它）、一個透明背景的 PNG（應付不支援 SVG 的舊系統或社群平台）、一個白底 PNG（給需要純色背景的場景）。透明背景這件事我特別要提醒，因為它踩坑率奇高，很多人以為把底色跟 Logo 放在一起匯出就好，結果上了深色網站頁首，才發現 Logo 周圍有一圈白白方塊。

Canva Pro 內建一鍵去背，這是它相對免費版最划算的功能之一。如果你不想為了去背升級，外部工具像是 RemoveBG 也能做到不錯的效果。AI 去背工具的完整比較可以看AI 去背工具實測，挑一個順手的就好。

從 Logo 反推品牌色：給小品牌的「三色公式」

Logo 定了，接下來就是這篇文章真正的核心：怎麼從那個 Logo，長出一整組能用在網站上的品牌色。

很多配色教學會給你一張五色、七色的色盤，看起來很專業，但對一個要自己架站、沒有設計背景的人來說，顏色越多，失控的機會越高。實務上最務實、也最不容易出錯的結構，是三色公式：一個主色、一個強調色、一個中性色。就這三個，不多。

三個角色各自的任務

角色	用在哪裡	占比建議	挑選邏輯
主色	Logo 主體、主要按鈕、重要標題	約 60%	直接從你的 Logo 裡吸色，這是整個品牌色的源頭
強調色	行動呼籲按鈕、連結、hover 狀態	約 10%	跟主色形成對比，但不要互補到刺眼；用途是「把讀者的視線拉到該點的地方」
中性色	背景、內文、邊框、留白	約 30%	低彩度的灰階或米白，讓主色跟強調色有呼吸空間

這個 60/10/30 的比例不是鐵律，但它解決了一個最常見的問題：新手配色的時候，往往把主色用得太多，整個網站藍成一片、或綠成一片，讀者眼睛不知道該看哪。主色壓到六成以下、留出三成中性色當呼吸空間，強調色只用在真正要引導點擊的地方，網站的視覺層次才會清楚。強調色怎麼設計才真的能帶動點擊，這篇CTA 按鈕設計指南有更深入的拆解。

從 Logo 吸出主色的實際操作

主色不要憑感覺挑，要用工具從 Logo 裡直接吸出來。Canva 內建就有色彩吸取工具，點一下 Logo 上最具代表性的那一塊顏色，就能拿到十六進位色碼。如果你想要更系統化地產出一整組和諧色盤，Coolors 這類配色工具能根據你輸入的主色，自動生成符合色彩學規則的搭配組合。配色工具的完整清單跟個別強項，可以參考配色工具推薦。

色彩學的底層邏輯（色相環、互補色、類似色這些觀念）會決定你吸出來的主色能搭配出什麼樣的強調色。如果你對這些名詞還很模糊，花點時間把色彩學完整指南跟色相環配色手冊看過一次，你會發現配色有規則可以依循，不全靠天分。顏色背後的心理學效應也很關鍵，藍色為什麼讓人安心、紅色為什麼驅動行動，這些都在色彩心理學設計攻略裡有完整對照。

講到這裡，整個品牌色的源頭其實就一個動作：從 Logo 吸一個顏色出來。剩下的強調色跟中性色，都是從這個主色用色彩學規則推演出來的。這也是為什麼前面一直強調「Logo 跟配色要一起決定」：主色的根紮在 Logo 裡，你把 Logo 單獨做完再配色，等於把這條根硬生生切斷。

如果你的 Logo 已經做好了，怎麼回頭補品牌色

很多人讀到這裡會問：我去年就已經把 Logo 做完了，當初沒想那麼多，現在網站配色一塌糊塗，難道只能全部砍掉重來？答案是不用。你可以用一個回溯的流程，從現成的 Logo 反向拆出一組能用的品牌色，代價遠比重新設計 Logo 低。

第一步是「盤點」。把你的 Logo 丟進任何一個能讀出色票的工具（Canva、Coolors、甚至瀏覽器的外掛吸色器都行），把 Logo 裡出現的所有顏色全部列出來。一個典型的 Logo 通常會有二到四個顏色。第二步是「排序」：把這些顏色按照「出現面積」排，面積最大的那一個，就是你的主色候選。第三步是「過濾」：把那些只是點綴用、面積太小的顏色剔除，它們不適合當主色，因為撐不起整個網站的視覺重量。

這裡有一個我會特別檢查的陷阱：有些 Logo 的主視覺顏色，其實是漸層的中間色，或者是好幾個顏色疊在一起的效果，單獨拎出來會發現它在純色狀態下根本不好看。遇到這種情況，你需要的不是把那個漸層色硬拆成一個十六進位色碼，而是找一個跟它「氣質最接近」的純色來替代。舉例來說，一個從橘紅漸層到紫的 Logo，主色可以鎖定在橘紅那一端，找一個飽和度適中的純橘紅當主色，而不是去還原那個漸層。品牌色的任務是「能被全站一致地重複使用」，漸層天生就不符合這個任務。

強調色跟中性色的推演，就跟前面講的新建流程一樣：主色定下來之後，用色彩學規則找一個對比的強調色，再配一個低彩度的中性色。差別只在於，回溯流程裡你的主色是被 Logo「綁住」的，選擇空間比較小，但這個限制反而保證了新配色跟舊 Logo 之間的一致性。一致性，就是回溯流程唯一要守住的底線。

在 Canva 裡驗證配色質感的四個測試

三色定案之後，先別急著搬上網站。很多看起來很漂亮的配色，一進到真實使用場景就破功。我在 Canva 裡固定會跑四個測試，把配色的弱點提前逼出來。這四個測試加起來不超過半小時，但能幫你省下後來改版的痛苦。

測試一：極小尺寸測試

把整組配色縮到 32×32 像素看一遍。這個尺寸模擬的是 favicon 跟手機瀏覽列分頁的視覺環境。在這個尺寸下，所有細節都會消失，只剩下色塊跟大輪廓。如果你發現主色在這個尺寸下變成一團說不清的灰，代表這個顏色的飽和度或明度不夠，要往更鮮明一點的方向調。

測試二：灰階測試

把整組配色轉成黑白看一遍。這個測試檢驗的是明暗對比。如果三個顏色轉灰階之後看起來差不多，代表它們的明度太接近，在彩色狀態下的對比只是假象，一旦出現在低彩度的版面或被色盲讀者看到，層次就會崩潰。好的配色，轉成灰階之後還是看得出明確的深淺階層。

測試三：疊照片測試

把你的主色跟強調色，分別疊在幾張你網站實際會用的照片上面看一遍。照片本身有色彩，你的品牌色疊上去之後，有可能變濁、變跳、或完全被吃掉。一個能用的主色，疊在大多數照片上都還能保持辨識度；如果只有疊在特定照片上才好看，這個顏色的通用性就不夠。商用照片素材可以從免費圖庫裡挑幾張跟你的網站風格接近的來測。

測試四：深色模式測試

把整組配色反過來，放在深色背景上測一次。就算你現在的網站沒有深色模式，未來很可能會有，而且很多讀者的手機系統預設就是深色。一個只活在淺色背景上的主色，未來一定會回來咬你。這個測試要看的重點是對比足夠與否：淺色背景上好看的顏色，放到深色背景上常常對比不足，讀起來吃力。文字跟背景的對比有一條國際通用的及格線：WCAG 2.1 AA 無障礙標準把一般文字的最低對比定在 4.5:1，低於這個數字，配色再好看都撐不起可讀性。

這四個測試做完之後，如果你發現配色在其中任何一關表現不好，先別急著整組換掉。很多時候問題出在某一個顏色上，尤其是強調色。強調色是最容易「在 Canva 預覽裡好看、到了真實場景就變質」的角色，因為它通常是整組配色裡飽和度最高、最搶眼的那一個。調整的順序我會建議從中性色開始：中性色換掉的成本最低，因為它佔面積大但存在感低，換了不太會牽動整體觀感；主色動太大會連帶影響 Logo，所以主色留到最後才動。先把中性色跟強調色調到能過四個測試，主色如果還是過不了，再回頭檢視是不是當初從 Logo 吸色的時候，吸到了一個不夠穩定的顏色。

Favicon 與手機版：你的 Logo 在 32×32 還活著嗎

講到這裡，我得把一個關鍵的技術現實搬上檯面：你的 Logo 大機率會在一個地方死掉，那個地方叫 favicon。

Favicon 就是瀏覽器分頁上那個小小的圖示。它的標準尺寸是 16×16 到 32×32 像素，小到不能再小。而在今天，全球有超過六成的網站流量來自行動裝置（依 Statista 的行動流量統計），這些讀者眼裡的第一印象，幾乎全靠那顆指甲片大小的 favicon 撐起來，你精心設計的頁首大圖他們根本看不到；可以說，品牌在他們眼裡就取決於這 32 個像素。

問題是，大多數在 Canva 裡用 1024×1024 大畫布做出來的 Logo，縮到 32×32 之後會出現幾種死法：文字糊成一坨看不出是什麼字、圖形細節全部消失只剩一個色塊、漸層色縮到小尺寸後變成髒髒的過渡色。這些問題在大尺寸預覽時完全看不出來，唯有真的縮下去才會現形。

讓 Logo 在小尺寸存活的兩個對策

1. 準備一個 favicon 專用版本。主 Logo 跟 favicon 不一定要是同一張圖。主 Logo 可以保留完整字體跟圖形；favicon 則用一個簡化版：只保留圖形符號、或只保留一個字母、或用一個純色塊代表品牌。這不是偷懶，這是專業做法，大品牌也都是這樣幹的。
2. favicon 用高對比、無漸層的純色。小尺寸最怕漸層跟低對比。favicon 的背景跟主體色要拉開明暗差距，能不用漸層就不用。如果你的主色是淺色，favicon 就配深色背景；主色是深色，就配淺色背景。

手機版頁首空間有限，Logo 應準備可在窄版面辨識的簡化版本，並測試實際顯示寬度、留白與對比。網站整體的裝置適配方式可參考響應式網頁設計。

我自己判斷一個 Logo 能不能上線，有一個很土法煉鋼但從不失準的標準：把它放在五個地方各看一次，分別是瀏覽器分頁的 favicon、手機頁首的置頂列、社群帳號的大頭貼、純白背景的名片、還有純黑背景的活動背板。這五個地方涵蓋了大尺寸到極小尺寸、淺色背景到深色背景、靜態到動態的全部組合。如果同一個 Logo 在這五個地方都還認得出是同一個品牌、而且都不難看，它才算過關。只要有任何一個地方讓你皺眉頭，那就回去改，不要帶著問題上線。上線之後才發現，修改的成本會是現在的十倍。

Canva 匯出之後，怎麼無痛搬進 WordPress

Logo 跟配色都定案了，接下來是把這些東西實際放進你的網站。對台灣多數自己架站的人來說，網站幾乎都跑在 WordPress 上。根據 W3Techs 的市占率統計，WordPress 在全球內容管理系統的市占率超過四成，是絕對的主流。所以這一段我直接以 WordPress 為例。

交接清單：你手上該有的東西

資產	格式	用途
主 Logo	SVG + 透明 PNG	頁首、社群大圖、印刷物
favicon 專用版	PNG（建議 512×512，系統會自動縮放）	瀏覽器分頁、手機主畫面圖示
品牌色色碼	十六進位色碼（如 #1A4D8F）	佈景主題設定、按鈕、連結顏色
品牌字體	字型檔或 Google Fonts 連結	全站標題與內文字體一致性

把品牌色寫進佈景主題

這一步是最多人卡住的地方。你在 Canva 裡吸到的品牌色，只是一串十六進位色碼，它不會自己出現在 WordPress 裡。你得手動把這組色碼填進你佈景主題的顏色設定欄位。

多數主流 WordPress 佈景主題，像是 Divi 或 Astra，都在後台提供完整的顏色自訂介面，讓你把主色、強調色、連結色、按鈕色一次設定好，全站同步套用。Divi 的官方文件對顏色跟字體設定有很詳盡的說明。Astra 的完整設定流程，則可以搭配Astra Pro 完整教學一步一步做。重點是，不要在單一頁面、單一區塊上手動指定顏色，一定要走佈景主題的全域色彩設定，這樣未來改色的時候只要改一個地方，全站同步更新。

這裡要特別提醒一個很多人吃過虧的坑：改色之前，先把舊的顏色設定記下來。你永遠不知道新的配色上線之後，會不會有某一頁、某個舊區塊因為當初是手動指定顏色、沒有走全域設定，結果新色上線後那個區塊還留在舊色，形成一塊突兀的色差。把舊色碼備份一份，等於給自己留一條後路，發現漏網之魚的時候可以快速對照排查。這個習慣跟寫程式的版本控制是同一個道理：動任何全域設定之前，先記得現在的狀態長什麼樣。

另一個會影響交接成敗的細節，是顏色的「使用規範」。把三個色碼寫進佈景主題，只是技術上完成了一致性；真正能撐起長期品牌視覺的，是你心裡有沒有一套「什麼顏色用在什麼地方」的規範。主色只出現在 Logo、頁首、頁尾、主要按鈕跟主要標題；強調色只留給行動呼籲按鈕跟連結；中性色負責所有背景跟內文。這套規範不需要寫成正式文件，但你要在心裡守得住。一旦開始隨手在某個裝飾元素上用了主色、又在另一個地方拿強調色當背景，整套色彩系統的層次就會開始崩解，最後又退回拼裝車的狀態。

favicon 與 Logo 圖檔的效能眉角

圖檔上了網站之後，還有一個容易被看漏的效能問題。SVG 雖然是向量、檔案小，但有些舊瀏覽器或外掛對它的支援不完全；PNG 通用性高但檔案偏大，沒有壓縮就放上網站，會拖慢頁面載入速度。網站圖片的壓縮跟格式最佳化，是另一個獨立但重要的工程，完整的做法可以看圖片 SEO 優化跟WordPress 圖片優化。原則只有一個：上線之前，所有圖檔都過一次壓縮，這是免費就能拿到的速度。

六個會讓質感瞬間歸零的地雷

流程講完了，接下來講殺傷力。這六個錯誤，每一個都是實務上反覆出現的踩雷，而且每一個都會把你前面所有的努力，在視覺上一秒打回原形。它們的共同點是：在 Canva 那個漂亮的大預覽視窗裡，全部都藏得很好，等你真的把 Logo 放進網站的真實場景，它們才會跳出來咬人。這張表把問題、成因、跟補救方法一次列清楚，建議你把它當成上線前的最後一道檢查關。

地雷	為什麼會發生	正確做法
Logo 用漸層色	覺得漸層很酷、很現代	漸層在小尺寸跟單色場景（例如蓋章、傳真）會完全崩潰，Logo 主體盡量用純色
配色超過三色	每個顏色都捨不得放掉	守住三色公式，超過就是失控的開始
主色佔比過高	覺得主色就是要到處都是	主色壓在六成以下，留中性色當呼吸空間
favicon 直接用主 Logo 縮圖	懶得單獨做簡化版	準備 favicon 專用的極簡版本
顏色全靠肉眼判斷	沒有用色碼管理，每次都重新挑	所有顏色都用十六進位色碼固定，寫進品牌套件跟佈景主題
深淺版本只做一套	只考慮淺色背景	準備深淺兩套版本，至少測過深色模式

這六個地雷的共同特徵是：在大尺寸預覽的時候全部看不出來。它們都是在 Logo 真正上線、縮小、被放進不同場景之後才爆發。這也是為什麼前面的四個 Canva 測試那麼重要：它們就是設計來提前引爆這些地雷的。網站設計還有一籮筐類似的常見錯誤，如果你正在全面健檢自己的網站，這篇網頁設計常見錯誤可以當成 checklist 對照。

從 Logo 到品牌官網：把視覺鎖死在每一頁

走完整個流程，回頭看就會發現一件事：真正困難的從來不是 Canva 的操作。Canva 的按鈕你按錯了可以復原，顏色選醜了可以重選，模板不喜歡可以換一個。真正難的是「在沒有設計師盯著你的情況下，紀律地守住一套視覺決定」。先決定品牌的那個字，再用那個字檢驗 Logo，再從 Logo 吸出主色，再用色彩學規則推出強調色跟中性色，最後把這套東西一致地寫進每一個會被讀者看見的地方。這條鏈子裡任何一環偷懶，後面全部跟著歪。

走到這一步，你手上應該已經有一個能上線的 Logo、一組三色公式撐起來的品牌色、一個小尺寸還活得下去的 favicon、以及一份能搬進 WordPress 的交接清單。剩下的工作，是把這套視覺系統一致地套用到網站的每一個角落。

一致使用顏色、字體與 Logo，有助於建立辨識與熟悉感，但信任仍會受到產品、服務、內容與使用經驗影響。品牌色在網站與其他接觸點的應用方式，可參考品牌色彩挑選指南。

落地行動清單：今天就動手的四步

1. 寫下你的品牌那一個字。不要跳過這一步。沒有這個字，後面所有的顏色跟字體決定都失去裁判，你會在十個漂亮的模板之間失去判斷力。
2. 在 Canva 建立品牌套件，把 Logo 跟三色一次定下來。主色從 Logo 吸、強調色用色彩學規則推、中性色選低彩度灰階，三個色碼全部寫成十六進位固定下來，不要靠肉眼每次重挑。
3. 跑完四個 Canva 測試，再做一個 favicon 專用版。這半小時決定你的 Logo 在手機上會不會死，也決定你的配色在深色模式跟真實照片上站不站得住。
4. 把色碼跟圖檔寫進 WordPress 佈景主題的全域設定。不要在單頁手動指定顏色，走全域設定才能一次改、全站同步；改之前記得備份舊色碼，方便排查漏網的舊區塊。

如果你手上已經有一個做好的 Logo、只是配色還沒跟上，就把上面第二步換成回溯流程：盤點 Logo 裡的所有顏色、按面積排序找出主色候選、過濾掉撐不起視覺重量的點綴色，再從定下來的主色推演出強調色跟中性色。路徑不同，終點一樣：一組跟 Logo 同根生、能被全站一致重複使用的品牌色。

這四步走完，你的網站會擁有一個不是拼裝、而是真正成系的品牌視覺。它不是得獎作品，但它能在讀者每次看到你的 favicon 的那 32 個像素裡，穩定地傳達「這是一個知道自己在做什麼的品牌」。

視覺一致性的根，永遠紮在你最早決定的那個字、以及那個字所牽動的主色裡。把源頭守住，後面的每一個設計決定都有依據；源頭亂了，再漂亮的模板也救不回來。品牌視覺這件事沒有捷徑，但也不需要天分，它需要的是一條清楚的決定鏈，外加一點點守住紀律的耐心。現在，打開 Canva，先把那一個字寫下來。其他的一切，都會從那個字長出來。