Tailwind is used as a design-token engine, not a styling free-for-all.
HTML class bloat is explicitly avoided.
All colors are defined as CSS variables and mapped into Tailwind tokens.
This enables:
The Tailwind content path is intentionally broad:
./src/**/*.{js,ts,jsx,tsx,mdx}
This prevents silent style drops and future-proofs the template.
Foundation Template starter kit ships with a built-in theme system by default - enabling you to focus on feature development right from the start.
To understand how theming works, read the documentation using the link below.