task02-claude-design-in-action

[anton-v-a]

Summary

Re-skins the entire Factory Inventory Management app into the Bridgewater editorial design system (imported from a Claude Design handoff bundle). Visual-only change — no logic, data, i18n, or behavior was altered.

What changed

• Design tokens — new client/src/styles/bridgewater.css (near-monochrome ink + deep-burgundy accent, Newsreader serif + Source Sans 3, sharp 2px corners, hairline rules), imported globally in main.js. Includes a documented --status-* / --chart-* palette extension for dashboard chips and charts.
• App shell — editorial header with type-set wordmark, uppercase-sans nav with burgundy active underline, retypeset global cards/tables/badges/buttons, and a new editorial footer.
• All 7 views (Dashboard, Inventory, Orders, Reports, Spending, Demand, Backlog) — serif section heads, hairline cards/tables, SVG charts recolored to the burgundy/slate/muted-earth series.
• FilterBar + 8 components (6 detail modals, ProfileMenu, LanguageSwitcher) — square modals, dark scrim, serif titles, burgundy primary buttons, monochrome avatars.

Verification

• Production build compiles clean (vite build).
• Backend + frontend run; dashboard API returns data; dev log error-free.

🤖 Generated with Claude Code