外觀 / 主題色

這頁決定整個 LIFF 報名頁、直播間、後台會用什麼顏色與主題視覺。設定會即時同步到所有用戶端，不需要重新整理。

三種選色方式

方式	用途
9 個純色 preset	最簡單，從 LINE 綠到極簡黑一鍵選
8 個漸層 preset	想要更有設計感，例如夕陽橘紅、極光紫粉、午夜深邃
自訂顏色	完全用你自己的品牌色 hex 碼

選好後，下方「預覽」區會即時顯示按鈕、卡片、文字在新主題下的效果。

使用情境：套上 AI × 電商成長營的品牌色

講師承翰的品牌主色是深藍 #1E3A8A、強調色橘 #F97316。設定流程：

1. 在「自訂顏色」區直接貼上 #1E3A8A 當主色
2. 預覽區即時變色，確認按鈕、連結顏色 OK
3. 主色文字維持白（按鈕上的字）
4. 頁面背景用淺色 #F5F5F5、卡片背景用白
5. 主要文字用深灰 #1F2937
6. 按右上「儲存」

學員下次打開報名頁就會看到全套新色系。

五個自訂顏色欄位

欄位	影響什麼	推薦值
主色（按鈕）	主要按鈕、報名按鈕、連結色	你的品牌主色
主色文字	主色按鈕上的文字色	通常是 #FFFFFF 白
頁面背景	整頁背景	淺灰或淺色品牌色
卡片背景	各區塊卡片背景	通常 #FFFFFF 白
主要文字	標題與內文文字色	深灰 #1F2937

問題：可以直接貼上 hex 色碼嗎？

可以。每個欄位旁邊都有 hex 文字框，你可以輸入 #FF5733 這樣的色碼，也接受不帶 # 的 FF5733，或縮寫 #fff。系統會自動 normalize 為 #RRGGBB。

9 個純色 preset

Preset	色彩	適合
LINE 綠	#06C755	想跟 LINE 視覺一致
專業藍	#3B82F6	商務、企業類
品牌紫	#8B5CF6	創意、知識型
櫻花粉	#EC4899	時尚、女性向
活力橘	#F97316	行銷、活動
熱情紅	#EF4444	強烈行動呼籲
湖水藍	#14B8A6	健康、清新
深邃靛	#6366F1	科技、AI
極簡黑	#111827	高端、極簡

8 個漸層 preset

漸層 preset 主要影響「主要按鈕」的視覺呈現，比純色更有設計感：

夕陽橘紅、海洋藍綠、極光紫粉、森林青翠、蜜桃漸層、皇家紫藍、萊姆檸檬、午夜深邃。

問題：漸層只有按鈕會看到嗎？

是的。漸層主要呈現在「主要按鈕」上（例如報名按鈕、進直播間按鈕），其他元素（卡片、文字）還是用純色，避免整個畫面太花。

預覽區

預覽區即時顯示三個常見元素：

• 主要按鈕（套用主色）
• 次要按鈕（中性色）
• 卡片（套用卡片背景色 + 主要文字色）

改任何顏色都會立刻反映，可以直接看效果再決定要不要儲存。

LIFF 端的設定

「LIFF 場次列表是否顯示封面圖」開關控制：

• 開啟：場次卡片顯示封面縮圖（視覺豐富）
• 關閉：純文字列表（資訊密度更高）

使用情境：選擇場次卡風格

如果你的場次數量少（< 10 場），開啟封面圖讓畫面豐富；如果場次很多（每週都有），可考慮關閉封面圖讓清單更精簡，學員能一眼看到更多場次。

注意事項：改了顏色記得按「儲存」

這頁的所有設定都是「即時預覽 + 手動儲存」。改了顏色直接離開頁面不會生效。確認 OK 後按右上角「儲存」才會套到所有用戶端。