UI_SPEC

Category: 12. Creative / Media / Gaming
Section: Phase 3: Execution & Quality

10. UI_SPEC.md

Purpose: To define the HUD design, menus, and user flow.

Act as a senior game UI/UX designer.
Using the PRD and Game Design Document below, create a UI Specification document for a creative hackathon project.

PRD: [PASTE PRD]
GAME_DESIGN_DOC: [PASTE GAME_DESIGN_DOC]

Provide:
1. Design system (Colors, typography, spacing)
2. HUD design (Health, Score, Ammo, Minimap)
3. Menu screens (Main Menu, Pause, Settings, Game Over)
4. Component hierarchy
5. Screen-by-screen breakdown
6. Interaction states (Idle, Hover, Selected, Disabled)
7. Loading states (Skeletons, progress bars)
8. Error states (Save failed, Connection lost)
9. Empty states (No saves yet)
10. Responsive design guidelines (PC, Mobile)
11. Accessibility considerations (Contrast, Text size, Color blindness)

Keep the UI simple, clean, and realistic for a 24-48 hour hackathon.
Focus on demonstrating the core gameplay journey.