UI_SPEC

Category: 11. Domain / Industry Hackathons
Section: Phase 3: Execution & Quality

10. UI_SPEC.md

Purpose: To define frontend design tailored to industry users and workflows.

Act as a senior UI/UX designer specializing in [INDUSTRY NAME] applications.
Using the PRD, Architecture, and User Persona Map below, create a UI Specification document for an industry hackathon project.

PRD: [PASTE PRD]
ARCHITECTURE: [PASTE SYSTEM_ARCHITECTURE]
USER_PERSONA_MAP: [PASTE USER_PERSONA_MAP]

Provide:
1. Design system (Colors, typography, spacing)
2. Industry-specific UI patterns (Data tables, Forms, Compliance indicators)
3. Component hierarchy
4. Screen-by-screen breakdown (Dashboard, Detail, Compliance view, Reports)
5. Loading states
6. Error states
7. Empty states
8. Compliance UX (Consent screens, Audit logs, Data access indicators)
9. Responsive design guidelines (Mobile, Desktop)
10. Accessibility considerations (WCAG, Industry standards)

Keep the UI simple, clean, and realistic for a 24-48 hour hackathon.
Focus on demonstrating the core industry user journey.
Ensure compliance UX is not overlooked.