字体排版指南
标题使用规范
蓝鲸直播 · 每一帧都精彩 | 粗体 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的标题层级、按钮状态、进度条、提示框等组件均遵循统一规范,方便开发者快速构建页面,同时保持品牌视觉一致性。