Todoist

# Todoist Design System

## Visual Theme & Atmosphere
任务管理工具。红色品牌，极简任务列表，生产力工具美学典范

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #E44332 | Brand color |
| Secondary | #DC4C3E | Hover/secondary |
| Background | #FFFFFF | Main canvas |
| Surface | #FAFAFA | Cards, panels |
| Text | #202224 | Primary text |
| Muted | #7B7E82 | Secondary text |
| Border | #E8E8E8 | Dividers |

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

- **Base Size**: 14px
- **Line Height**: 1.5
- **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 Todoist's design language: 任务管理工具.
Primary color #E44332 on #FFFFFF background.
Typography: Circular.