initial commit

docs/front-end-spec/index.md

@@ -0,0 +1,49 @@
+# Dofus Manager UI/UX Specification
+
+## Table of Contents
+
+- [Dofus Manager UI/UX Specification](#table-of-contents)
+  - [Introduction](./introduction.md)
+  - [Overall UX Goals & Principles](./overall-ux-goals-principles.md)
+    - [Target User Persona](./overall-ux-goals-principles.md#target-user-persona)
+    - [Usability Goals](./overall-ux-goals-principles.md#usability-goals)
+    - [Design Principles](./overall-ux-goals-principles.md#design-principles)
+    - [Change Log](./overall-ux-goals-principles.md#change-log)
+  - [Information Architecture (IA)](./information-architecture-ia.md)
+    - [Site Map / Screen Inventory](./information-architecture-ia.md#site-map-screen-inventory)
+    - [Navigation Structure](./information-architecture-ia.md#navigation-structure)
+  - [User Flows](./user-flows.md)
+    - [Flow 1: Trouver les personnages qui n'ont pas fait X](./user-flows.md#flow-1-trouver-les-personnages-qui-nont-pas-fait-x)
+    - [Flow 2: Composer une team valide](./user-flows.md#flow-2-composer-une-team-valide)
+    - [Flow 3: Bulk update progressions pour une team](./user-flows.md#flow-3-bulk-update-progressions-pour-une-team)
+    - [Flow 4: Ajouter un nouveau personnage](./user-flows.md#flow-4-ajouter-un-nouveau-personnage)
+    - [Flow 5: Consulter le Dashboard](./user-flows.md#flow-5-consulter-le-dashboard)
+  - [Wireframes & Mockups](./wireframes-mockups.md)
+    - [Screen 1: Dashboard](./wireframes-mockups.md#screen-1-dashboard)
+    - [Screen 2: Liste Personnages](./wireframes-mockups.md#screen-2-liste-personnages)
+    - [Screen 3: Fiche Personnage](./wireframes-mockups.md#screen-3-fiche-personnage)
+    - [Screen 4: Fiche Team](./wireframes-mockups.md#screen-4-fiche-team)
+  - [Component Library / Design System](./component-library-design-system.md)
+    - [Core Components](./component-library-design-system.md#core-components)
+  - [Branding & Style Guide](./branding-style-guide.md)
+    - [Color Palette](./branding-style-guide.md#color-palette)
+      - [Dark Mode (Principal)](./branding-style-guide.md#dark-mode-principal)
+      - [Semantic Colors](./branding-style-guide.md#semantic-colors)
+    - [Typography](./branding-style-guide.md#typography)
+    - [Iconography](./branding-style-guide.md#iconography)
+    - [Spacing Scale (base 4px)](./branding-style-guide.md#spacing-scale-base-4px)
+    - [Layout Constants](./branding-style-guide.md#layout-constants)
+  - [Accessibility Requirements](./accessibility-requirements.md)
+    - [Key Requirements](./accessibility-requirements.md#key-requirements)
+  - [Responsiveness Strategy](./responsiveness-strategy.md)
+    - [Breakpoints](./responsiveness-strategy.md#breakpoints)
+    - [Adaptation Patterns](./responsiveness-strategy.md#adaptation-patterns)
+  - [Animation & Micro-interactions](./animation-micro-interactions.md)
+    - [Motion Principles](./animation-micro-interactions.md#motion-principles)
+    - [Key Animations](./animation-micro-interactions.md#key-animations)
+    - [Performance Goals](./animation-micro-interactions.md#performance-goals)
+  - [Next Steps](./next-steps.md)
+    - [Immediate Actions](./next-steps.md#immediate-actions)
+    - [Design Handoff Checklist](./next-steps.md#design-handoff-checklist)
+    - [Prompt v0.dev (Dashboard)](./next-steps.md#prompt-v0dev-dashboard)
+    - [Prompt v0.dev (Liste Personnages)](./next-steps.md#prompt-v0dev-liste-personnages)