Brand-consistent loading indicators with Orange→Pink→Blue palette
Primary loading indicator for page-level loading states
Loading your strategies...
Multi-ring spinner with brand gradient colors
Three-dot typing indicator
Animated bars in wave pattern
Additional loading patterns
Linear progress indicators
Content placeholder patterns
Loading state for buttons
Loading indicator colors
Animation timing and sizing
| Loader | Duration | Use Case |
|---|---|---|
| 3D Box | 3s | Page load, major operations |
| Spinner | 1.5s | Buttons, inline loading |
| Dots | 1.4s | Chat typing, status |
| Wave | 1.2s | Audio, processing |
| Progress | 1.5s (flow) | File upload, steps |
| Skeleton | 1.5s | Content placeholders |