How to use the design tokens, components, and templates in this repo.
Where to look first.
- app/globals.css defines the token palette (CSS variables).
- tailwind.config.ts maps tokens into Tailwind theme colors/shadows.
- components/ui contains the reusable UI primitives.
- /template contains the landing/dashboard/product starters.
Make it yours without fighting the system.
Update palette variables in app/globals.css (e.g. --primary, --background, --border) and the whole UI updates.
How to import and compose.
Import primitives from components/ui.
Use buttonStyles to style Next.js links like buttons.