UI_SPEC

Category: 16. Platform-Sponsored
Section: Phase 3: Execution & Quality

10. UI_SPEC.md

Purpose: To define frontend design leveraging the sponsor's UI components (if provided).

Act as a senior UI/UX designer specializing in [SPONSOR NAME]'s design system.
Using the PRD and System Architecture below, create a UI Specification document for a sponsor hackathon project.

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

Provide:
1. Design system (Use sponsor's design tokens if provided)
2. Sponsor UI components (If any: Buttons, Modals, Cards)
3. Component hierarchy
4. Screen-by-screen breakdown (Dashboard, Core feature, Settings)
5. Loading states (For sponsor API calls)
6. Error states (Sponsor API errors)
7. Empty states
8. Responsive design guidelines
9. Accessibility considerations (WCAG, Sponsor standards)

Keep the UI simple, clean, and aligned with the sponsor's brand.
Focus on demonstrating the core sponsor-powered journey.
If the sponsor provides a UI kit, use it. Otherwise, design a simple, modern UI.