深色模式/客製化前台主題

提供前台主題客製與深色模式,讓網站或產品能依品牌調整配色、字體與樣式。以集中管理的設計 token 套用全站,改一處即可同步;支援深色/淺色模式切換,可跟隨系統或由使用者選擇,並能為多站台各自套用不同主題。

適用情境

  • 想調整網站配色與字體符合品牌,卻要改程式

  • 使用者想要深色模式,卻沒有支援

  • 多品牌或多站台需要各自不同的主題

  • 改一個主色要工程改一堆地方

  • 深色模式做半套,某些頁面沒對應

技術說明

  • 主題設定:配色、字體、圓角、間距等設計 token 集中管理

  • 深色/淺色模式切換,可跟隨系統或使用者選擇

  • 品牌主題套用全站,改一處全站同步

  • 多主題/多站台各自套用不同主題

  • 即時預覽主題效果

技術清單

深色模式切換

深色模式切換

深色/淺色切換,可跟隨系統或使用者

主題配色設定

主題配色設定

配色、字體與樣式設計

設計 Token 管理

設計 Token 管理

配色、字體等 token 集中管理,改一處同步

多站台主題套用

多站台主題套用

多站台各自套用不同主題

即時預覽

即時預覽

即時預覽主題套用效果

主題版本

主題版本

主題版本歷史與回溯

操作稽核日誌

操作稽核日誌

記錄主題異動,可追溯

RBAC 權限管理

RBAC 權限管理

控管主題編輯與套用權限

Q1.

可以自訂網站的配色和字體嗎?

可以。透過集中管理的設計 token,能調整配色、字體、圓角與間距等,讓網站樣式符合品牌識別,並套用到全站。

Q2.

支援深色模式嗎?會自動切換嗎?

支援。可提供深色/淺色模式,並能跟隨使用者的系統設定自動切換,或讓使用者自行選擇,全站頁面一致對應。

Q3.

改一個主色要改很多地方嗎?

不用。配色與樣式以設計 token 集中管理,改一處即可全站同步,不必逐頁逐處修改。

Q4.

多品牌或多站台可以各自主題嗎?

可以。支援多主題與多站台,各站可套用各自的品牌主題,卻共用同一套系統,維護集中、呈現各異。

Q5.

需要工程協助嗎?

日常的主題與配色調整可在後台自助完成並即時預覽;若需新增全新版型或特殊樣式,則由山葵組協助設計與建置。

Q6.

導入費用與方式大概如何?

費用與時程取決於主題客製程度與深色模式的覆蓋範圍。山葵組會在需求訪談後提供工時估算與報價,並支援分階段導入。