01 字体规范
字体选择
赛事数据
思源黑体 - 标题字体
实时赛况
思源黑体 - 正文字体
主要字体
一级标题 - 赛事名称 - 40px
二级标题 - 板块标题 - 32px
三级标题 - 小标题 - 24px
四级标题 - 信息标签 - 18px
五级标题 - 说明文字 - 16px
六级标题 - 辅助说明 - 12px
正文内容
雷速官网H5版优化移动端体育资讯，提供赛事资讯、实时比分及热门足球内容。助您随时随地获取体育信息，页面适配移动端，注重速度与效率，提升用户体验。
段落首行缩进
平台致力于为全球体育爱好者提供及时、准确、全面的赛事资讯与数据，尤其在足球领域深耕，为您呈现深度内容与精彩看点。
首字下沉
D雷速jiexinmu官网H5版优化移动端体育资讯，提供赛事资讯、实时比分及热门足球内容。助您随时随地获取体育信息，页面适配移动端，注重速度与效率，提升用户体验。平台将持续优化内容更新与服务。
列表样式
无序列表 - 赛事实况
- 即时比分更新
- 热门赛事聚焦
- 足球深度分析
- 篮球赛程速递
有序列表 - 排名展示
- 网球赛事预告
- 电竞比分追踪
- 冰球赛况速报
- 排球赛程一览
序号列表 - 赛程安排
- 棒球实时战报
- 斯诺克赛程表
- 羽毛球赛事集锦
- 乒乓球比分动态
引用内容
“雷速捷讯信息技术有限公司自2012年成立以来，始终致力于为全球体育爱好者提供最快、最准的赛事数据，我们的移动端优先策略确保了极致流畅的体验。”
“海量赛事一手掌握，实时比分心跳同步。雷速官网H5版让您随时随地感受赛事的激情，不错过任何一个精彩瞬间。”
“深度内容玩转足球，快速更新永不掉队。雷速官网H5版是您不可或缺的体育资讯伙伴，提供专业解读与全面报道。” - 雷速体育
02 色彩体系
基础按钮 - 默认
主品牌蓝
主品牌蓝深色: #05297c |
主品牌蓝加深: #0735a0 |
主品牌蓝浅色: #235cde |
主品牌蓝辅助: #4d79de |
主要按钮 - 激活
点缀绿
点缀绿深色: #008573 |
点缀绿浅色: #00bca2 |
点缀绿辅助: #2ddcc4 |
点缀绿更浅: #58e1ce |
标题链接
纯黑
纯黑深色: #0c121e |
纯黑加深: #1c1e22 |
纯黑浅色: #40444d |
纯黑辅助: #5d636e |
次要链接
灰色主
灰色主深色: #111625 |
灰色主加深: #191d26 |
灰色主浅色: #4c505c |
灰色主辅助: #696e7b |
04 表单元素
04 表格样式
基础表格 - 赛果展示
| # | 赛事名称 | 开赛日期 | 实时赛况 |
|---|---|---|---|
| 1 | 比赛状态 | 主队名称 | 主队进球 |
| 2 | 比赛进行中 | 最终比分 | 角球数据 |
| 3 | 射门次数 | 控球率分析 | 详细数据统计 |
斑马纹表格 - 数据对比
| # | 所属联赛 | 比赛阶段 | 观看直播 |
|---|---|---|---|
| 1 | 赛事直播中 | 客队名称 | 红黄牌统计 |
| 2 | 上半场比分 | 下半场比分 | 赛前战术分析 |
| 3 | 赛后技术复盘 | 专业赛事预测 | 球迷讨论区 |