This design system is built to provide a consistent, accessible, and efficient UI framework for building business applications. It's based on Next.js 15, React 19, and Shadcn/Tailwind 4, with a focus on server-first architecture using React Server Components.

Key Goals

• Maintain consistent UI/UX across the application
• Optimize for business workflows and data-heavy interfaces
• Support multi-language (French first, then English)
• Ensure accessibility compliance
• Prioritize performance with server-first architecture
• Support role-specific dashboards and views

How to Use This Guide

When asked to create or modify UI components, refer to this guide to understand the design patterns, component usage, and layout structures. The design system follows specific patterns for different types of pages (list views, detail views, forms, etc.) that should be consistently applied.