01
设计气质 DNA
体育流媒体直播电视足球深色模式高对比度
一个直播比赛、注重视觉冲击力的数字体育酒吧。
02
色彩
#f56200Accent#ffffffInk#111111BG#1a1a1aBG soft#888888Mutedrgba(255, 255, 255, 0.1)Line高对比度深色主题，搭配活力橙色强调色，塑造充满活力的体育品牌。
03
字体
- display
48px · 700 - heading
16px · 600
标题和导航使用粗体字重 · 导航标签采用大写或小型大写字母样式 · 大型展示文本保持紧凑字间距
04
间距
4px8px12px16px24px32px48px64px以 4px 为基准，按倍数建立垂直节奏
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
筛选标签采用细微的白色圆角边框
0 2px 8px rgba(0, 0, 0, 0.3)
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全宽头部，全出血英雄图像，下方内容居中
07
动效与交互
200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
导航项目的 hover 过渡 · 按钮点击状态变化
导航项目背景色变化或下划线 · 筛选标签的视觉反馈
08
组件
- button 药丸形筛选按钮，带图标；激活状态为橙色填充，非激活状态为描边
- card 全宽英雄横幅，整合文本与图形
- chip 水平筛选标签，带图标与文本标签
- input 截图中未显示搜索输入框
- hero 电影感全宽横幅，包含人群图像、发光效果与推广文本
09
文案语气与禁用清单
- 语气 充满活力且权威的体育广播风格
- 标题风格 粗体、大写、具冲击力的文本，辅以戏剧效果
- 按钮文案 清晰、以行动为导向的标签，支持图标
- 勿使用浅色背景——截图显示为 #111111 基底的深色主题
- 勿应用衬线字体——截图显示为简洁的无衬线字体
- 勿使用细体字重——截图显示导航与标题均为粗体
- 勿采用复杂布局——截图显示为直接的头部-英雄-内容流程
- 勿添加装饰性边框——截图仅在标签上使用极简边框样式
- 勿使用冷色调——截图依赖温暖的橙色强调色
- 避免: 微妙或柔和的配色方案
- 避免: 浅色背景
- 避免: 衬线字体
- 避免: 小号文本
- 避免: 复杂动画
11
System Prompt
这是一个深色主题体育流媒体平台，具有高视觉能量。配色以 #111111 为背景，搭配 #f56200 橙色强调色与 #ffffff 文本。字体对导航和标题使用粗体 grotesque-sans，采用大写样式与紧凑字间距。关键禁忌：切勿使用浅色背景（整个界面为深色模式），避免衬线字体（保持粗体无衬线美感），并勿使用细体字重（所有元素应显得有力且厚重）。布局采用全宽头部，居中导航；电影感全出血英雄横幅；下方为水平筛选标签。设计通过高对比度与温暖能量优先考虑视觉冲击力，适用于体育娱乐场景。