• 首頁
  • 關於我們
  • 賽事服務
  • 賽車直播
  • 排版範例
  • 聯絡我們

字體排版指南

標題使用規範

藍鯨直播 · 每一幀都精彩

粗體 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 類別。

35% 完成(成功)
20% 完成(警告)
10% 完成(危險)

提示框樣式

分頁導航

麵包屑導航

徽章標記

為徽章添加修飾類,改變外觀風格

樣式類名 徽章樣式
無修飾類 42
.badge-primary 1
.badge-success 22
.badge-info 30
.badge-warning 412
.badge-danger 999

使用 .badge 類輕鬆標記新訊息或未讀項

卡片容器

藍鯨體育直播提供超過200場即時賽事,覆蓋NBA、五大聯賽、中超、英超等主流比賽,全部免費高清無插件。
藍鯨體育直播自2015年成立以來,始終致力於為全球華人球迷提供穩定流暢的觀賽體驗。平台採用低延遲傳輸技術,比業界平均延遲低30%,支援多終端同步觀看,賽事回放與精華永久免費。
藍鯨體育直播的排版系統經過精心設計,確保在深色主題下文字清晰可讀。從h1到h6的標題層級、按鈕狀態、進度條、提示框等元件均遵循統一規範,方便開發者快速構建頁面,同時保持品牌視覺一致性。
粤ICP备2026202466号
蓝鲸体育直播科技有限公司为全球华人球迷提供免费、高清、无插件的体育赛事直播服务。电话:+86 158 7610 5362邮箱:[email protected]微信:zhcnlanjingz_187营业时间:7×24广州市天河区天河北路671号
📍 在百度地图查看位置