Twitch

# Twitch Design System

## Visual Theme & Atmosphere
直播平台。紫色品牌，深色主题，聊天优先界面，直播流为核心

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #9146FF | Brand color |
| Secondary | #BF94FF | Hover/secondary |
| Background | #0E0E10 | Main canvas |
| Surface | #18181B | Cards, panels |
| Text | #EFEFF1 | Primary text |
| Muted | #ADADB8 | Secondary text |
| Border | #2F2F35 | Dividers |

## Typography Rules
- **Heading Font**: Roobert, Inter, sans-serif
- **Body Font**: Inter, system-ui, sans-serif

- **Base Size**: 14px
- **Line Height**: 1.4
- **Weights**: 400, 500, 600, 700

## Component Stylings
- **Buttons**: Primary accent color, clean rounded style
- **Cards**: Surface background, subtle borders, hover states
- **Navigation**: Clean, brand-colored indicators

## Agent Prompt Guide
Use Twitch's design language: 直播平台.
Primary color #9146FF on #0E0E10 background.
Typography: Roobert.