Binance

一个具有醒目深色界面的高性能金融终端。

在深色画布与活力黄色点缀之间建立高对比度，以引导关键用户操作。

geometric-sans · monospace

• display56px · 700
• h140px · 600
• body16px · 400
• caption14px · 400

所有主要标题和正文均使用几何无衬线字体。 · 在深色背景上确保高对比度（白色/灰色），以实现最佳可读性。

采用标准4px基线网格，确保间距统一。

使用 rgba(234,236,239,0.1) 的细1px边框，微妙地分隔区块。

rgba(0, 0, 0, 0.04) 0px 3px 6px 0px

标准12列网格，具备移动端响应式行为。

悬停状态和模态覆盖层采用平滑过渡（0.2s-0.25s）。

交互元素在悬停时呈现微妙的背景色偏移或轻微的亮度变化。 · 清晰的状态变化，常涉及点缀黄色。

• button 主按钮采用纯黄色(#f0b90b)背景配深色文字。次级按钮采用描边或柔和样式。
• card 深色主题卡片，带有细微边框和轻微圆角（8px-16px），用于归组市场数据或新闻条目。
• chip 小型、圆角元素（药丸形状），用于标签或状态指示器。
• input 深色背景输入框，聚焦时显示黄色边框以增强可见性。
• hero 大号、粗体排版（最大56px），突出显示用户数量等关键指标。

• 语气 专业、权威且安全。
• 标题风格 直接、高冲击力的陈述（例如，'用户信赖我们'）。
• 按钮文案 以行动为导向且醒目，常使用黄色点缀。

• 不要使用浅色或白色背景——截图显示深木炭色（#181a20）作为主要背景。
• 不要使用衬线或展示字体——截图显示所有排版均使用干净的几何无衬线字体。
• 不要使用多种相互竞争的点缀色——截图显示黄色（#f0b90b）作为唯一的高饱和度主导色。
• 不要为主要元素使用大圆角——截图显示主要使用小（4px-8px）或中等（16px）圆角。
• 不要使用投影来建立主要层级——截图显示依赖颜色对比和间距来实现。
• 不要使用柔和的粉彩色调——截图显示高对比度、活力黄色与深灰色的搭配。
• 避免: 避免使用过于活泼或装饰性的字体。
• 避免: 避免为主交易界面使用浅色模式背景。
• 避免: 避免使用多种相互竞争的点缀色。

历史提取与模型分析 · 尚未逐项校验