YouTube

# YouTube Design System

## Visual Theme & Atmosphere
视频平台。红色品牌，内容发现为核心，视频卡片网格布局

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #FF0000 | Brand color |
| Secondary | #CC0000 | Hover/secondary |
| Background | #0F0F0F | Main canvas |
| Surface | #1A1A1A | Cards, panels |
| Text | #F1F1F1 | Primary text |
| Muted | #AAAAAA | Secondary text |
| Border | #303030 | Dividers |

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

- **Base Size**: 14px
- **Line Height**: 1.4
- **Weights**: 400, 500, 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 YouTube's design language: 视频平台.
Primary color #FF0000 on #0F0F0F background.
Typography: Roboto.