Binance

# 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.