Design System
Agent Theater Design System
A comprehensive design system for the Agent Theater Platform featuring purple glass-morphism theme, dark mode optimization, and consistent UI patterns across all components.
Primary
Accent #10B981
WCAG AA Compliant
New
Status Badges
Comprehensive status indicator system with animations and variants
Coming Soon
Color System
Purple glass-morphism theme with semantic color tokens
Coming Soon
Typography
Font hierarchy, sizes, and text styles
Coming Soon
Components
Reusable UI components with glass-morphism effects
Coming Soon
Layout System
Grid, spacing, and responsive design patterns
Coming Soon
Animations
Motion design principles and transition effects
Design Principles
Glass-morphism First
Every surface uses backdrop blur and semi-transparency for depth and elegance
Dark Mode Optimized
High contrast ratios and carefully selected colors for comfortable viewing
Consistent Motion
200ms ease-out transitions with subtle scale and opacity changes