SocialPulse — UI Project Brief (UI Only)

1. Product
SocialPulse — AI‑powered social media manager. Generate text content, generate/brand visuals, preview, then publish or schedule to LinkedIn, Facebook, Instagram, and WhatsApp.

2. Objective
A premium, modern, production‑ready SaaS interface for the full content workflow. UI/UX work only — no backend, provider, model, or API changes.

3. Design System
- Accent: purple/violet (#7C3AED → #A855F7 gradients, glow shadows)
- Surfaces: white cards on #F7F8FC light‑gray background
- Sidebar: dark navy (#0F172A), fixed, collapsible
- Cards: 16–20 px radius, thin #E8EAF1 borders, subtle shadows
- Semantic colors: green = success/connected, amber = warning/action‑needed, red = destructive
- Typography: strong hierarchy (20 px/800 page titles → 11–12 px muted hints); Inter‑like system stack
- Motion: 0.16–0.18 s transitions, hover lift on selectable cards, no excessive animation
- Layout: desktop‑first two‑column (1fr + 320 px assistant rail), stacks ≤1024 px

4. Global Chrome (shared, do not redesign per page)
- Sidebar: SocialPulse logo + “Content Made Simple”; Dashboard, Content Studio (active, purple gradient), Scheduler, Analytics, Media Library, Drafts; AI upgrade card; Admin / Free Plan; Settings; Help & Support
- Header: menu button, “Content Studio” + AI subtitle, search, “Create. Brand. Schedule. Grow.” badge, platform status, notification bell, avatar
- Stepper: 8 steps — Idea ✓ → Settings → Content → Media → Design → Branding → Preview → Publish; purple checks, glowing active circle, gray upcoming

5. Page Scope (Content Studio workflow)

| Step | Page | Contents |
|------|------|----------|
| 1 | Idea | Topic textarea (0/500) + inspiration pills; reference‑image dropzone + 4 slots |
| 2 | Settings | Tone / Image Style / Aspect Ratio selectable cards; platform select + connect |
| 3 | Content | Caption/hashtag/prompt tabs, editable caption, copy, tone pill, clickable hashtag pills |
| 4 | Media | AI / Upload / Library tabs; prompt editor + image loader; gallery grid + filters |
| 5 | Design | Canv |