# UI/UX Guidelines

Mobile-first design, professional construction-industry appearance, responsive dashboards.

Use the Stephup Construction Report name and logo.png consistently in the application header, authentication screens, and branded empty states.

Dashboards are role-aware: technicians see drafts/rejections, supervisors see pending reviews, and admins see activity/audit summaries.

Report upload forms show upload progress feedback while files are submitting.

Report lists, audit logs, and exports support date range filtering for faster operational review.

Reports include a clean print view for hard-copy site packs and quick office review.

Dashboards include operational analytics for weekly report volume, safety/quality rates, approval turnaround, reported incidents, reported delays, snag items, and project approval progress.

Dashboard analytics can be filtered by date range, project, and technician.

Dashboard analytics can be exported as CSV using the current filter set.

Report forms support browser-local draft recovery for unstable field connectivity.