Violet Media Dashboard
An editorial analytics dashboard for media platforms and content publishing systems.
Features
- 4 stat cards — Total Views, Subscribers, Avg Read Time, Engagement Rate with change indicators
- Top content list — 5 articles ranked by views with engagement progress bars, author avatars, and category badges
- Trending topics — 6 topics with heat-level progress indicators
- Content calendar — Weekly preview with post count indicators
- Tabbed navigation — Overview, Content, Audience, Revenue tabs
- Dark-first design — Deep purple (#1a0a2e) with violet/magenta gradient accents
- Responsive — Stacks gracefully on mobile
Dependencies
@/components/vue-ui/card — Card with full composition@/components/vue-ui/badge — Category badges@/components/vue-ui/button — Action buttons@/components/vue-ui/separator — Section dividers@/components/vue-ui/tabs — Tabbed navigation@/components/vue-ui/progress — Engagement bars@/components/vue-ui/avatar — Author avatarslucide-vue-next — Icons
Customization
- Edit
stats array for different KPI metrics
- Modify
topContent for your article data
- Update
trendingTopics with real topic data
- Adjust gradient colors in Card classes for a different palette
