5FPRO 品牌的視覺基礎、色彩、字體與元件規範。
data-bs-theme 切換，下列數值即時取自當前主題。data-bs-theme 切換，色值即時取自當前主題。--brand-gradient主要 CTA 按鈕、封面占位、Hero 數字與品牌強調。每頁最多使用一次，作為視覺焦點。
background: var(--brand-gradient); /* 135deg, #814590 → #643A8B → #3B2A66 */
.cover.g1 ….g6.brand-gradient-text用於 Hero 數字與重點統計。
.btn-gradient附--shadow-brand 光暈。
--shadow-brand 投射品牌色光暈。
解決銷售問題的軟體
Display · 56 / 700伍樓專業 5FPRO
H1 · 40 / 700願景 · 專注核心
H2 · 30 / 700伍樓專業 5FPRO 成立於 2012，是一家擁有十多年經驗的軟體公司，專注於開發能夠解決銷售問題的創新技術。
Body · 16 / 1.7 · 400--brand-purple，漸層用於關鍵 CTA。--bs-primary。請至您的信箱點擊確認連結完成訂閱。
我們將於三個工作日內與您確認時程。
請於 7 日內回傳簽署版本以鎖定排程。
金流回傳錯誤碼 4012，請檢查信用卡資訊。
白底、1px 邊框、14px 圓角與柔和暖色陰影。
10+ 年系統開發經驗。
| 專案 | 客戶 | 狀態 |
|---|---|---|
| 會員制電商平台 | 愛飯團 | 已上線 |
| 場地預訂系統 | 關藏龍 | 開發中 |
| 拍賣資料平台 | ArtTrend | 測試中 |
currentColor。完整規範、字體與資產請見專案的Design System 分頁與colors_and_type.css。亮暗版本由data-bs-theme 切換，所有 token 會自動換色。