外觀主題與配色

「外觀主題」頁設定形象網站的整體配色與導覽外觀，儲存後全站顏色即時換新。

可設定內容：

• 配色模式：挑現成的（5 組預設主題：燕麥白、乾燥玫瑰、鼠尾草綠、霧霾藍、極簡灰），或點「自訂顏色」手動調 5 個色階（主色調 / 次要色 / 強調色、圖示色 / 背景色 / 區塊底色）。
• VIP 差別價徽章：同一個分頁的最下面，可以改顧客命中 VIP 差別價時，價格旁那顆小徽章的文字與底色（留空文字＝顯示「VIP」，未設底色＝用主色調）。
• 導覽列配色：手機版底部那 4 個固定項（首頁、會員中心、我的預約、立即預約）各自可以設背景色與文字深淺，在「底部導覽列」的「標籤配色」裡調。預設就配好一組，旁邊有「恢復預設」一鍵還原。
• 頂部導覽列：顯示名稱（只改網站上顯示的店名，不動正式店名）、店名字體大小 4 級（小/標準/大/特大）、店名顏色與標語顏色（各自都能深色字／淺色字一鍵切換，或按「＋」挑自己的顏色；電腦版與手機版共用同一組設定）、手機版導覽列樣式：「全展開」（預設）或「漢堡選單」。
• 底部導覽列：原本的滿版樣式，或「懸浮島」（浮在畫面下方的圓角小島，類似 IG 的風格）；懸浮島可以再設島背景色、選中顏色（圖示底色）、選中圖示顏色。滿版樣式則可以逐項設「標籤配色」。
• AI 建議配色：點「AI 建議配色」按鈕開「AI 配色建議」視窗（8 種行業 + 其他、品牌風格 6 選、可勾「我有品牌色想作為基礎」、補充說明），按「產生建議配色」花 1 點，AI 回一組配色後點「套用此配色」。

五個色階的角色

首頁區塊（主視覺按鈕、行動呼籲背景）與內容區塊裡選的「主題色」都對應這五個色階，改主題就整站一起變；選「自訂色」的區塊則不受主題影響。

1先挑一組配色模板

• 入口設定 > 外觀主題App 模式：「設定」>「形象網站設定」>「外觀主題」
• 停在「主題色設定」分頁，五組模板挑一組點下去。
• 右邊的即時預覽會馬上換色，喜歡再往下做。

2想再細一點就自己調

• 往下捲到「自訂顏色」，五個色階各有一格色塊與色碼輸入。
• 動到任何一格就會自動切成自訂模式，模板那邊的選取會取消。
• 沒把握就先用模板，之後再回來微調。

3改店名外觀，最後一定要按儲存

• 切到「頂部/底部導覽列」，調顯示名稱、字體大小、店名與標語顏色。
• 顏色請先看上面那格預覽，那就是導覽列真正的底色。
• 全部調完回右上角按「儲存設定」，沒按就白調了。

• 要有「管理網站內容」的權限。
• 「AI 建議配色」的效果跟品牌 AI 資料的完整度有關（settings-website.ai-brand-profile）。
• 首頁區塊與內容區塊裡選的「主題色」都指向這裡定義的五個色階，改主題會連動所有用主題色的區塊。
• 「設定品牌外觀」是老闆新手引導的選填步驟，只要在這頁存過一次設定就算完成。