Web App GUI Design

Acknowledgement: Shared by Peter Bamuhigire, techguypeter.com, +256 784 464178.

Use When

• Building or reviewing a SaaS web UI on React/Next.js/TypeScript/Tailwind
• Standardising app shell, navigation, dashboards, or data-table patterns across products
• Working on the Bootstrap 5 + Tabler + PHP seeder stack — load sections/01-overview.md first

Do Not Use When

• Pure landing or marketing pages — use frontend-design for editorial layouts
• Mobile-native screens — use jetpack-compose-ui or swiftui-design
• Low-level Tailwind syntax questions — use tailwind-css

Required Inputs

The target surface (dashboard, CRUD table, form, settings), the auth/tenant model, and the data model for at least one screen. For the seeder stack, the seeder-page.php template path.