leader board + setting

stitch-exports/dashboard/DESIGN.md

@@ -0,0 +1,68 @@
+# Design System
+
+Auto-generated from Google Stitch export.
+
+## Colors
+
+- `border-r-0`
+- `bg-slate-50`
+- `bg-slate-900`
+- `text-blue-600`
+- `text-blue-400`
+- `bg-slate-100`
+- `bg-slate-800`
+- `text-slate-500`
+- `text-blue-700`
+- `text-blue-300`
+- `bg-blue-50`
+- `bg-blue-900`
+- `text-slate-400`
+- `text-slate-600`
+- `bg-slate-300`
+
+## Typography
+
+- `text-xl`
+- `font-bold`
+- `font-medium`
+- `text-sm`
+- `text-xs`
+- `font-semibold`
+- `text-base`
+- `text-4xl`
+- `font-extrabold`
+- `text-3xl`
+- `text-lg`
+- `text-2xl`
+
+## Spacing
+
+- `p-0`
+- `p-6`
+- `gap-3`
+- `p-3`
+- `gap-2`
+- `gap-6`
+- `gap-4`
+- `p-2`
+- `gap-1`
+- `p-8`
+- `p-4`
+- `gap-8`
+- `space-y-6`
+- `space-y-3`
+- `m-8`
+
+## Components
+
+- `<nav>`
+- `<button>`
+- `<header>`
+- `<main>`
+- `<table>`
+
+## Notes
+
+- Generated by Google Stitch AI
+- Tailwind CSS utility classes used throughout
+- Review and customize colors/typography for brand alignment