BMAD-METHOD/src/modules/bmm/workflows/2-plan-workflows/ux/ux-spec-template.md

{{project_name}} UX/UI Specification

Generated on {{date}} by {{user_name}}

Executive Summary

{{project_context}}

---

1. UX Goals and Principles

1.1 Target User Personas

{{user_personas}}

1.2 Usability Goals

{{usability_goals}}

1.3 Design Principles

{{design_principles}}

---

2. Information Architecture

2.1 Site Map

{{site_map}}

2.2 Navigation Structure

{{navigation_structure}}

---

3. User Flows

{{user_flow_1}}

{{user_flow_2}}

{{user_flow_3}}

{{user_flow_4}}

{{user_flow_5}}

---

4. Component Library and Design System

4.1 Design System Approach

{{design_system_approach}}

4.2 Core Components

{{core_components}}

---

5. Visual Design Foundation

5.1 Color Palette

{{color_palette}}

5.2 Typography

Font Families: {{font_families}}

Type Scale: {{type_scale}}

5.3 Spacing and Layout

{{spacing_layout}}

---

6. Responsive Design

6.1 Breakpoints

{{breakpoints}}

6.2 Adaptation Patterns

{{adaptation_patterns}}

---

7. Accessibility

7.1 Compliance Target

{{compliance_target}}

7.2 Key Requirements

{{accessibility_requirements}}

---

8. Interaction and Motion

8.1 Motion Principles

{{motion_principles}}

8.2 Key Animations

{{key_animations}}

---

9. Design Files and Wireframes

9.1 Design Files

{{design_files}}

9.2 Key Screen Layouts

{{screen_layout_1}}

{{screen_layout_2}}

{{screen_layout_3}}

---

10. Next Steps

10.1 Immediate Actions

{{immediate_actions}}

10.2 Design Handoff Checklist

{{design_handoff_checklist}}

---

Appendix

Related Documents

• PRD: {{prd}}
• Epics: {{epics}}
• Tech Spec: {{tech_spec}}
• Architecture: {{architecture}}

Version History

Date	Version	Changes	Author
{{date}}	1.0	Initial specification	{{user_name}}