標誌、外觀模式、品牌色、字體與圓角是整個品牌共用的身分，不只出現在網站頁面上：結帳頁、顧客登入頁、顧客中心、寄給顧客的信件與結業證書都會用到。Kanorio 把這些項目集中在後台的「網站設定 › 品牌」，設定一次、全部一致。
這一頁與建站模式無關：從 Kanorio 開始建站的網站，網站頁面也直接套用；自架前端（Headless）的網站，結帳、登入與信件同樣套用，您的前端則透過 Content Delivery API 的 brand 與 Kanorio Elements 拿到同一套值（見下方「自架前端怎麼用」）。
| 項目 | 說明 | 建議 |
|---|---|---|
| 品牌標誌 | 上傳圖片或挑選內建圖示；可另外上傳一張深色背景專用的版本。 | 當外觀模式設為「自動切換」或「固定深色」時，建議補上深色版，確保標誌在深色背景上清晰可見。 |
| 網站圖示（Favicon） | 瀏覽器分頁標籤與書籤旁的小圖案。預設會根據品牌標誌自動產生：圖示型標誌會以品牌色繪製在白底上，若更換標誌或品牌色，圖示亦會隨之更新；下方的分頁預覽即為儲存後的顯示效果。 | 若標誌細節過多或含有長文字，建議關閉自動產生功能，改為上傳一張方形小圖示。 |
| 外觀模式 | 設定網站、結帳、登入與顧客中心使用淺色或深色主題：「自動切換」會跟隨訪客裝置的設定，「固定淺色」與「固定深色」則讓所有訪客看到統一的介面。若您使用自建前端，此選項將控制 Kanorio 提供的結帳、登入與顧客中心介面。 | 選擇「自動切換」時，請務必檢查淺色與深色兩種模式；若固定其中一種，則只需設定該模式下的品牌色。 |
| 品牌色 | 按鈕、連結、重點圖示與品牌色區塊的主色，淺色模式與深色模式可分別設定。系統內建精選配色，亦可輸入自訂色碼。 | 深色模式的品牌色可比淺色模式稍亮，以確保在深色背景上清晰易讀。 |
| 品牌文字色 | 顯示在品牌色按鈕或品牌色背景上的文字顏色。預設會根據對比度自動選用黑色或白色，亦可自行指定。 | 自行指定時請留意對比度，頁面右側的預覽功能會即時顯示效果。 |
| 字體 | 優先顯示網站主要語言的內文字體；展開「更多語言字體」可分別為英文、繁體中文、簡體中文、日文與韓文挑選字體。所有字體均由平台託管，不支援自行上傳字體檔案。 | 若網站包含中英混排內容，分別為中文與英文挑選合適的字體，視覺效果會更佳。 |
| 圓角 | 統一按鈕、卡片、輸入框與圖片的邊角弧度：提供方形、一般、圓角三種選項。 | 預覽會同時顯示按鈕與卡片，挑選一個與品牌風格相符的選項即可。 |
頁面右側（流動裝置上在表單下方）有即時預覽，照實際頁面的版型與尺寸畫出「網站、結帳、登入、信件」（自架前端沒有「網站」），可切換淺色／深色（外觀模式固定時只顯示那一種）。信件的卡片與按鈕圓角、字體是信件固定的樣式，只有標誌圓角跟著網站；信件開頭的標誌大小與位置在調整。
按頁面底部的「儲存」後立即生效，不需要回編輯器按「發佈」：
brand 與 Kanorio Elements文字大小與模組密度屬於網站的版面設定，在編輯器的「設計」調整、按「發佈」後生效；編輯器的「設計」面板會顯示目前的品牌，並連回這一頁修改。自訂按鈕、品牌關聯網址與商家資訊在編輯器的「品牌資訊」面板，見。
自架前端（Headless）的網站，Kanorio 託管的結帳、登入、顧客中心與信件會直接套用這一頁的設定；您自己的前端有兩種方式拿到同一套品牌：
GET /site 的 brand 提供算好的色票（淺色與深色各一組，含可讀的文字色）、您選的外觀模式、淺底與深底各自要用的標誌、字體家族與樣式表網址、圓角尺寸表，可直接用在您的版面上。細節請工程師參考 。
品牌色、外觀模式、字體與圓角不只網站用，結帳、登入與信件也用，所以只在「網站設定 › 品牌」一處設定，避免兩邊不一致。「設計」面板只顯示目前的品牌並連回這裡；版面相關的文字大小與密度仍在「設計」調整。
品牌設定儲存後立即生效，不需要發佈。若畫面還是舊的，請重新整理頁面；瀏覽器偶爾會暫存舊的樣式。
建議設定。即使網站頁面由您自己呈現，結帳、登入、顧客中心與寄給顧客的信件仍由 Kanorio 提供，會套用這裡的標誌與品牌色；您的前端也能透過 API 與元件取得同一套值，整體才會一致。