返回设计库
B

Binance

Binance

访问网站

加密货币交易所。大胆的币安黄配黑白,交易大厅紧迫感,金融专业风格。

币安黄黑白对比交易感金融专业紧迫感

配色方案

primary
background
surface
text
muted
border

字体规范

标题字体Binance Plex, system-ui, sans-serif
正文字体Binance Plex, system-ui, sans-serif
基础字号14px
行高1.5
字重400, 500, 600

标题层级

h1Binance Heading
h2Binance Heading
h3Binance Heading
h4Binance Heading

DESIGN.md

# Binance Design System

## Visual Theme & Atmosphere
Trading floor intensity. The bold Binance Yellow (#F0B90B) creates instant recognition. High-contrast black and white surfaces with yellow CTAs guide rapid decision-making. The design prioritizes data density and action speed.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #F0B90B | Brand yellow, CTAs |
| Background | #FFFFFF | Clean canvas |
| Surface | #F5F5F5 | Panels, cards |
| Text | #1E2026 | Dark text |
| Muted | #707A8A | Secondary text |
| Border | #E6E6E6 | Light borders |

## Typography Rules
- **Heading Font**: Binance Plex, system-ui, sans-serif
- **Body Font**: Binance Plex, system-ui, sans-serif
- **Base Size**: 14px
- **Line Height**: 1.5

## Component Stylings
- **Buttons**: Yellow bg, black text
- **Data Tables**: High density, price movements
- **Charts**: Candlestick, dark mode preferred

## Agent Prompt Guide
Use yellow brand accent, high contrast, data-dense layouts, trading-focused UI elements.

常见问题

Binance 的设计风格是什么?

加密货币交易所。大胆的币安黄配黑白,交易大厅紧迫感,金融专业风格。

Binance 使用什么主色调?

Binance 的主色调是 #F0B90B,背景色为 #FFFFFF,文本色为 #1E2026。

Binance 使用什么字体?

标题字体: Binance Plex, system-ui, sans-serif。正文字体: Binance Plex, system-ui, sans-serif。基础字号: 14px。

如何在项目中使用 Binance 设计系统?

点击上方 DESIGN.md 代码块中的复制按钮,将完整设计规范复制到你的项目中。AI Coding 工具(如 Cursor)可以直接读取 DESIGN.md 来生成符合 Binance 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统,为你的 AI Coding 项目提供设计灵感。

查看全部设计系统