Viridian Dashboard Hub
A dense, information-rich analytics dashboard with dark mode aesthetics.
Features
- Four KPI cards with values, percentage changes, and mini sparklines
- Decorative bar chart built entirely with divs (no chart library needed)
- Top pages table with view counts and conversion rate trends
- Sidebar mini-navigation with icon buttons
- JetBrains Mono monospace font for all numbers and data
- Outfit sans-serif for headings and navigation
- Viridian green accent on dark slate background
- Live status indicator in bottom bar
- Fully responsive grid layout
Usage
import RegistryItem from './registry-item';
export default function Page() {
return <RegistryItem />;
}
Customization
- Edit the
kpis array for different metrics and values
- Modify
chartData for the bar chart visualization
- Update
topPages for the pages table
- Adjust viridian (#059669, #10B981) to your brand accent
- Add or remove nav items in the sidebar
