# 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)