字體排版指南
標題使用規範
藍鯨直播 · 每一幀都精彩 | 粗體 36px |
標題層級一覽 | 粗體 30px |
h3. 賽事標題範例 | 粗體 24px |
h4. 熱門賽事分類 | 粗體 18px |
h5. 今日焦點戰報 | 粗體 14px |
h6. 數據統計小貼士 | 粗體 12px |
按鈕樣式
藍鯨體育直播 · 預設 · 主要 · 成功 · 資訊 · 警告 · 危險 — 六種主題配色任你切換
頁面字體風格展示:預設體、強調體、成功綠、資訊藍、警告橙、危險紅
文字樣式範例:標準正文、重點高亮、成功提示、資訊說明、警告注意、危險警示
預設 主要 成功 資訊 警告 危險
預設 主要 成功 資訊 警告 危險
預設 主要 成功 資訊 警告 危險
進度條元件
資訊附帶 progress-bar-info 類別。
成功附帶 progress-bar-success 類別。
警告附帶 progress-bar-warning 類別。
危險附帶 progress-bar-danger 類別。
反色附帶 progress-bar-inverse 類別。
反色附帶 progress-bar-inverse 類別。
提示框樣式
您已成功閱讀這條重要提示資訊。
這條提示需要您留意,但並非緊急事項。
最好檢查一下,您的情況看起來不太妙。
調整幾項內容,然後重新提交試試。
麵包屑導航
徽章標記
為徽章添加修飾類,改變外觀風格
| 樣式類名 | 徽章樣式 |
|---|---|
| 無修飾類 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
卡片容器
藍鯨體育直播提供超過200場即時賽事,覆蓋NBA、五大聯賽、中超、英超等主流比賽,全部免費高清無插件。
藍鯨體育直播自2015年成立以來,始終致力於為全球華人球迷提供穩定流暢的觀賽體驗。平台採用低延遲傳輸技術,比業界平均延遲低30%,支援多終端同步觀看,賽事回放與精華永久免費。
藍鯨體育直播的排版系統經過精心設計,確保在深色主題下文字清晰可讀。從h1到h6的標題層級、按鈕狀態、進度條、提示框等元件均遵循統一規範,方便開發者快速構建頁面,同時保持品牌視覺一致性。