01
设计气质 DNA
预测市场金融博彩新闻
金融新闻终端与现代博彩平台的结合
02
色彩
#6B4EE6Accent#000000Ink#666666Ink soft#FFFFFFBG#F5F5F5BG soft#999999Mutedrgba(0,0,0,0.1)Line以白底黑字实现高对比度和清晰度，单一紫色用于主要操作。
03
字体
- display
24px · 600 - body
14px · 400
04
间距
4px8px16px24px32px48px64px96px标准8像素网格，确保对齐的一致性。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid #E5E5E5
0 1px 3px rgba(0,0,0,0.1) · 0 4px 12px rgba(0,0,0,0.08)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
标准12列网格，具有清晰的从左至右阅读流。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素上的细微颜色变化或下划线。 · 无需复杂动画即可立即改变状态。
08
组件
- button 简单、高对比度的按钮，带有文本标签。
- card 简洁的卡片，阴影极小，展示数据点和操作。
- chip 用于内容过滤的胶囊形标签。
- input 边框细微的极简文本输入框。
- hero 一个突出的精选市场卡片，排版清晰。
09
文案语气与禁用清单
- 语气 专业、客观且信息丰富。
- 标题风格 直接且以数据为中心。
- 按钮文案 清晰且以行动为导向。
- 不要使用深色背景——截图显示界面以白色（#FFFFFF）为主
- 不要使用装饰性衬线字体——截图显示使用的是简洁的无衬线字体
- 不要使用复杂的渐变背景——截图显示使用的是纯色、平实的色块
- 不要使用过于圆润、气泡式的按钮——截图显示按钮具有细微、小的边框圆角
- 不要使用多种相互竞争的强调色——截图显示使用的是克制的调色板，仅搭配单一紫色强调
- 不要在卡片上使用浓重的投影——截图显示使用的是非常细微、极简的阴影效果
- 避免: 促销性语言
- 避免: 过多的专业术语
- 避免: 不必要的动画
11
System Prompt
这是 Polymarket，一个预测市场平台。设计干净、数据密集且高度实用，优先保证金融和新闻信息的清晰度。关键色彩包括纯白色（#FFFFFF）背景、黑色（#000000）文本，以及用于主要按钮和高亮显示的单一紫色（#6B4EE6）强调色。排版使用现代 grotesque-sans 字体处理标题和正文，以保持专业、实用的感觉。关键的设计约束包括：避免使用深色模式主题，不使用装饰性或衬线字体，保持极简、干净的界面，避免浓重的阴影或渐变。布局采用标准网格，优化用于同时展示多个数据点和市场卡片。