This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.
What's a design system? https://www.figma.com/blog/design-systems-101-what-is-a-design-system/#what-exactly-is-a-design-system
Other design choices are pulled from this Figma file: https://www.figma.com/design/2NuzYy9nfO1360Tp8D9Z91/SPARK-Tailwind-Template-2025----ClientName-----Project-Name-?node-id=605-1271&p=f&m=dev
This project uses a typical tailwind theme https://tailwindcss.com/docs/theme
More specifically https://www.shadcn-vue.com/docs/theming.html
TL;DR Read this -> https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
Hex to Oklch converter https://oklch.com/#0.7,0.1,97,100