# Foundations

> Tokens, type, grid, motion. Every component is built from these primitives. Change them once and the whole system shifts.

- [Color](https://entrepta.vercel.app/docs/foundations/color.md): Zinc neutrals and one brand. Surfaces, inks and accents, measured live for your theme.
- [Typography](https://entrepta.vercel.app/docs/foundations/typography.md): Three families. Newsreader serif for headlines, JetBrains Mono for UI, Inter for prose. Ten size tokens.
- [Grid & spacing](https://entrepta.vercel.app/docs/foundations/spacing.md): 12-column grid, 24px gutter, 1280px max. Base spacing scale from 4px to 96px.
- [Radius & motion](https://entrepta.vercel.app/docs/foundations/motion.md): Soft corners from 6 to 24px. Motion with a job: entrances, counters, light. Always a reduced-motion path.
- [Accessibility](https://entrepta.vercel.app/docs/foundations/accessibility.md): Inks measured in every theme, focus, the skip link, reduced motion, screen reader patterns.
- [Rules](https://entrepta.vercel.app/docs/foundations/rules.md): The do and don't list, each one written after a real bug.
- [Data](https://entrepta.vercel.app/docs/foundations/data.md): Money in minor units, plain dates, changes with a sign, the series palette, loading and empty states.