Slack

# Slack Design System

## Visual Theme & Atmosphere
Friendly professional workspace. The signature aubergine (#4A154B) anchors the brand identity. Colorful accent palette (yellow, green, blue, red) for status and emphasis. Sidebar navigation with channel list. Light background keeps things airy.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #4A154B | Aubergine brand |
| Secondary | #611F69 | Aubergine light |
| Accent | #ECB22E | Slack yellow |
| Background | #FFFFFF | Main bg |
| Surface | #F8F8F8 | Sidebar, panels |
| Text | #1D1C1D | Primary text |
| Muted | #616061 | Secondary text |
| Border | #DDD5CC | Warm border |

## Typography Rules
- **Font**: Slack-Lato, Lato sans-serif
- **Base Size**: 15px
- **Line Height**: 1.5

## Component Stylings
- **Sidebar**: Channel list with icons, bold unread indicators
- **Messages**: Avatar + text, threaded replies
- **Buttons**: Aubergine primary, warm gray secondary

## Agent Prompt Guide
Light white background, aubergine accents, sidebar navigation, message list with avatars, colorful status indicators.