Launchframe

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 override
  • auth-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