品牌视觉元素规范

标题层级体系

<h1>开云体育:塑造专业数字体育体验</h1>

一级标题 (

<h2>平台核心功能概览</h2>

二级标题 (

<h3>权威赛事资讯汇聚</h3>

三级标题 (

<h4>精选热门赛事推荐</h4>

正文标题 (
<h5>用户互动与社群</h5>
主要正文 (
<h6>稳定技术支持保障</h6>
次要正文 (

数据可视化呈现

資訊(含 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

内容卡片样式

开云体育致力于打造领先的数字体育平台,汇聚全球热门赛事资讯与实时数据,提供集成式互动体验。
凭借2010年成立的深厚积淀,开云体育始终坚持以用户为中心,通过稳定可靠的技术支持和清晰直观的信息展示,为全球体育爱好者营造一个内容丰富、操作轻松的综合平台。
开云·体育(中国)官方网站,自2010年成立以来,始终秉持专业、创新的理念,致力于为全球体育爱好者打造一个集赛事资讯、互动娱乐与社群交流于一体的领先数字体育平台。我们凭借稳定可靠的技术支持和清晰直观的信息展示,为用户提供覆盖全球热门赛事的权威资讯与实时数据,以及集成式的互动体验,让您轻松参与赛事讨论与竞猜。全天候在线服务,满足您对体育内容的全方位需求。

列表展示规范

有序列表样式

  1. 体育社区
  2. 互动竞猜
  3. 用户反馈
  4. 排行榜
  5. 设置

用户交互反馈

@
@example.com
$ .00
@
@
@

关键要素展示

基础表格样式,提供简洁的布局和适度的内边距。

# NBA 季后赛 2024年7月25日 08:00 进行中
1 品牌主色调:开云蓝 主文本深灰 主文本中灰
2 主文本浅灰 主文本极浅灰 品牌链接
3 信息提示 占位符文本 错误提示

在基础 .table 类之上,可添加以下修饰类。

为 <tbody> 内的表格行添加斑马条纹效果,提升可读性。

# 英超联赛 2024年7月26日 10:00 即将开始
1 品牌辅助色:深邃蓝 次文本深灰 次文本中灰
2 次文本浅灰 次文本极浅灰 导航链接
3 说明文字 表格占位符 成功提示

为表格添加边框和圆角,提升视觉美感。

# 欧洲杯预选赛 2024年7月27日 12:00 已结束
1 品牌强调色:活力橙 标题深灰 标题中灰
品牌点缀色:清新绿 边框深灰 输入框占位符
2 标题浅灰 标题极浅灰 行动链接
3 重要数据标记 警告提示

在 <tbody> 内的表格行上启用鼠标悬停效果。

# 网球大满贯 2024年7月28日 14:00 延期
1 品牌中性色:雅致灰 背景深灰 背景中灰
2 背景浅灰 背景极浅灰 功能链接
3 关键信息强调 系统通知
粤ICP备202474292921号
开云官网科技有限公司电话:+86 138 1740 3804邮箱:[email protected]成都市高新区天府大道174号
📍 在百度地图查看位置