Dashboard Template
The dashboard template builds on blank with a rich UI layer that demonstrates real SaaS patterns.
What's added over blank
- Marketing landing page — hero, bento feature grid, pricing section, CTA, footer
- Dashboard shell — sidebar navigation, header, responsive layout
- Overview cards — stats and metrics demonstration
- Activity feed — table/list patterns
- Settings pages — form patterns with validation
- Dark design system — noise textures, gradient orbs, micro-animations
- Auth form — Fennec-style with sign-in/sign-up tabs, icon inputs, password toggle
Modules included
Everything from blank, plus:
dashboard-shell— custom CSS theme layer + settings page overrideauth-github— GitHub OAuth (if--auth email-password+github)
Design system
The dashboard template uses a dark-first design system with:
- Colors: Deep blacks (#09090b), cool neutrals, teal accent (#00d4aa)
- Typography: Satoshi (display) + General Sans (body)
- Effects: Glass morphism borders, gradient orbs, subtle noise texture
- Animations: Fade-in reveals, smooth transitions, hover states
- Layout: Bento grid cards, pricing cards with consistent spacing and border-radius
When to use
- Building a product with a dashboard interface
- You want a polished starting point to customize
- You want to demonstrate what the product will look like to stakeholders