01
设计气质 DNA
在线赌场体育博彩游戏娱乐投注
一个在线赌场与体育博彩平台的界面
02
色彩
#f9c719Accent#ffffffInk#c1cfc5Ink soft#0e2f2bBG#273028a6BG soft#024f4bBG quiet#7d9783Mutedrgba(0, 0, 0, 0.1)Line高对比度深色背景，搭配用于主要操作的鲜亮黄色点缀。
03
字体
- display
24px · 600 - body
16px · 400 - caption
12px · 400
使用无衬线字体系列。 · 保持标题行高紧凑。 · 谨慎使用大写字母作为标签。
04
间距
4px8px12px16px24px32px48px64px以4px为基本单位，保持间距一致。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
使用 rgba(0, 0, 0, 0.1) 的细微边框
0 4px 12px rgba(0, 0, 0, 0) · 0 0 80px rgba(116, 107, 93, 0.2)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
桌面端为三栏布局（侧边栏、主内容区、右侧面板），移动端为单栏布局。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
悬停状态的平滑过渡。 · 轮播滑动动画。 · 内容加载时的淡入效果。
细微的背景色变化或缩放效果。 · 即时视觉反馈（按钮按下）。
08
组件
- button 药丸形按钮，采用对比色（深色背景上的黄色）。
- card 圆角（12px）卡片，背景有细微区分。
- chip 不适用
- input 圆角搜索栏与输入框。
- hero 轮播主视觉区，包含大型背景图和醒目的行动号召按钮。
09
文案语气与禁用清单
- 语气 激动人心、富有邀请感且具有推广性。
- 标题风格 直接且以行动为导向。
- 按钮文案 清晰且具有鼓励性（例如，“开始游戏”、“立即投注”）。
- 避免使用浅色背景——截图显示为深绿色主题。
- 避免使用衬线字体——截图显示为无衬线字体排版。
- 避免使用低对比度文本——截图显示为深色背景上的高对比度白色文字。
- 避免使用尖锐的圆角——截图显示为圆角（12px）。
- 避免使用小而密集的布局——截图显示为带有清晰图像的宽敞卡片。
- 避免仅使用柔和色彩——截图显示关键操作使用了鲜亮的黄色点缀。
- 避免: 被动语言。
- 避免: 过于复杂的法律术语。
- 避免: 平淡或晦涩的描述。
10
包内真实截图
11
System Prompt
这是一个在线赌场与体育博彩平台界面。它采用深绿色（#0e2f2b）作为主要背景，鲜亮的黄色（#f9c719）用于行动号召按钮。字体为简洁的无衬线字体系列，标题行高紧凑。布局在桌面端为三栏，包含导航侧边栏、游戏主内容区和投注单右侧面板。关键禁忌：避免使用浅色背景、衬线字体或低对比度文本。避免尖锐的圆角和过于密集的布局。仅将鲜亮的黄色点缀谨慎用于主要操作。