Asana

# Asana Design System

## Visual Theme & Atmosphere
项目管理工具。温暖珊瑚色强调，干净的列表/看板/时间线布局

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #F06A6A | Brand color |
| Secondary | #F1643E | Hover/secondary |
| Background | #FFFFFF | Main canvas |
| Surface | #F8F8F8 | Cards, panels |
| Text | #2D2E2E | Primary text |
| Muted | #8993A4 | Secondary text |
| Border | #E8E8E8 | Dividers |

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

- **Base Size**: 14px
- **Line Height**: 1.5
- **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 Asana's design language: 项目管理工具.
Primary color #F06A6A on #FFFFFF background.
Typography: Asana.