WhatsApp

# WhatsApp Design System

## Visual Theme & Atmosphere
即时通讯。绿色品牌，聊天气泡界面，消息优先极简设计

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #25D366 | Brand color |
| Secondary | #128C7E | Hover/secondary |
| Background | #ECE5DD | Main canvas |
| Surface | #FFFFFF | Cards, panels |
| Text | #111B21 | Primary text |
| Muted | #667781 | Secondary text |
| Border | #E9EDEF | Dividers |

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

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

## 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 WhatsApp's design language: 即时通讯.
Primary color #25D366 on #ECE5DD background.
Typography: Segoe UI.