TL;DR：Dark Mode 做錯，反而更難用——關鍵不是黑，是降低對比同時保持可讀性。
3 個核心設計原則
1. 別用純黑 #000：用深灰 #0B0B10 或 #15151C，減輕眼睛疲勞
2. 降低飽和度：品牌粉紅 #FF1F7A 在深色背景太刺眼，改用 #FF6BA6（同色相、飽和度低 20%）
3. 陰影改成「光暈」：Dark Mode 沒有真正的陰影，用「發光邊框」或「背景漸層」創造層次
對比要求：
- 一般文字對背景 ≥ 4.5:1（例：#F4F4F8 on #0B0B10 = 15:1，過關）
- 但別高到 21:1（純白 on 純黑）——太刺眼
切換機制實作
3 種切換模式：
- 跟隨系統（推薦）：
prefers-color-schememedia query - 使用者手動切換：Header 加太陽/月亮圖示
- 依時段自動切換：JS 判斷時間（少用，有時反直覺）
推薦：跟隨系統 + 手動覆蓋 localStorage 記住偏好
CSS 變數搭配： “css :root { --bg: #ffffff; --text: #111; } [data-theme="dark"] { --bg: #0B0B10; --text: #F4F4F8; } body { background: var(--bg); color: var(--text); } “
所有顏色都用變數，切換模式只要改一個 attribute。
為什麼要找 LOOKME 做網站與數位行銷？
看完上面的內容，你會發現——現代網站不是「架起來就好」。設計要顧美感與轉換、SEO 要顧結構與內容、行銷要顧公域與私域，每一步都要有數據驗證。單點外包 5 個廠商，通常不會贏過一個真正整合的團隊。
LOOKME 數位行銷的 5 個差異：
- 一站整合，不用你當專案經理：網站、內容、SEO、短影音、LINE 官方帳號，一個窗口對到底
- 我們自己就在跑：所有策略先在我們自家品牌驗證過才提案
- 交件即帶走：網站、內容、影音原始檔全部給你
- 月報說人話：直接告訴你這個月哪 3 件事有效、下個月做什麼
- 不強推方案：預算不夠時我們會告訴你「先做這一項就好」
服務項目對應
- 網站設計與 SEO 建置：WordPress 形象站、電商站、多語系外貿站
- 內容行銷與 SEO 代操：關鍵字調查、月產文章、部落客媒合
- 短影音製作：Reels／Shorts／TikTok 全平台
- LINE 官方帳號建置與代操：把有機流量變成自有名單
- AI 影像製作：商品情境圖、虛擬模特、AI 影音
- 數據優化：GA4、Search Console、轉換事件設定
想聊聊你的狀況？先聊，不收費、不推銷
留下你的產業、目前遇到的狀況與預算範圍，我們會依實際情況給出具體的優先順序建議，而不是一開口就先報價。
讓好想法，被看見。—— LOOKME 數位行銷