PROPTECH PROJ
Design a high-fidelity desktop web dashboard (1440x1024) for a Property Management Tenant Portal. The objective is to centralize rent payments, maintenance tickets, and lease renewals into one clean, modern, professional interface. Use a 12-column grid layout with 80px side margins, 24px gutters, and an 8px spacing system. The design should follow strong visual hierarchy, minimal clutter, and enterprise SaaS standards. Primary users: Residential tenants. Tone: Trustworthy, clean, structured, modern SaaS UI. Include the following sections: 1. Sticky top navigation bar (72px height) - Logo (left) - Menu items: Dashboard, Payments, Maintenance, Lease, Profile - Notification icon + User avatar (right) 2. Welcome Section - “Welcome back, [Tenant Name]” - Lease expiry countdown with small progress bar 3. Summary Cards (3 cards in one row, equal width) - Rent Status Card - Amount due - Due date - Status tag (Paid / Due / Overdue) - Primary CTA button: “Pay Now” - Active Maintenance Card - Number of open tickets - High priority count - CTA: “View Tickets” - Lease Summary Card - Lease start & end date - CTA: “Download Lease” 4. Primary Action Section (Full width card) - Title: “Need a Repair?” - Large primary button: “+ Raise Maintenance Request” 5. Recent Maintenance Tickets Table Columns: Ticket ID Category Priority Status (color coded tag) SLA Remaining Action 6. Payment History Table Columns: Month Amount Status Payment Date Receipt Download Design System Requirements: - Font: Inter or SF Pro - Border radius: 8–12px - Soft shadows - Neutral background (#F9FAFB) - Primary Blue (#2563EB) - Success Green (#16A34A) - Warning Orange (#F59E0B) - Error Red (#DC2626) Use auto layout, reusable components, and clear spacing. Also create: - Maintenance Request Form screen (modal or separate page) - Ticket Confirmation screen - Ticket Detail screen with SLA countdown - Overdue escalation state UI Prototype Flow: Dashboard → Raise Maintenance → Submit → Confirmation → Ticket Detail Design a high-fidelity desktop web dashboard (1440x1024) for a Property Management Tenant Portal. The objective is to centralize rent payments, maintenance tickets, and lease renewals into one clean, modern, professional interface. Use a 12-column grid layout with 80px side margins, 24px gutters, and an 8px spacing system. The design should follow strong visual hierarchy, minimal clutter, and enterprise SaaS standards. Primary users: Residential tenants. Tone: Trustworthy, clean, structured, modern SaaS UI. Include the following sections: 1. Sticky top navigation bar (72px height) - Logo (left) - Menu items: Dashboard, Payments, Maintenance, Lease, Profile - Notification icon + User avatar (right) 2. Welcome Section - “Welcome back, [Tenant Name]” - Lease expiry countdown with small progress bar 3. Summary Cards (3 cards in one row, equal width) - Rent Status Card - Amount due - Due date - Status tag (Paid / Due / Overdue) - Primary CTA button: “Pay Now” - Active Maintenance Card - Number of open tickets - High priority count - CTA: “View Tickets” - Lease Summary Card - Lease start & end date - CTA: “Download Lease” 4. Primary Action Section (Full width card) - Title: “Need a Repair?” - Large primary button: “+ Raise Maintenance Request” 5. Recent Maintenance Tickets Table Columns: Ticket ID Category Priority Status (color coded tag) SLA Remaining Action 6. Payment History Table Columns: Month Amount Status Payment Date Receipt Download Design System Requirements: - Font: Inter or SF Pro - Border radius: 8–12px - Soft shadows - Neutral background (#F9FAFB) - Primary Blue (#2563EB) - Success Green (#16A34A) - Warning Orange (#F59E0B) - Error Red (#DC2626) Use auto layout, reusable components, and clear spacing. Also create: - Maintenance Request Form screen (modal or separate page) - Ticket Confirmation screen - Ticket Detail screen with SLA countdown - Overdue escalation state UI Prototype Flow: Dashboard → Raise Maintenance → Submit → Confirmation → Ticket Detail The design must feel like a modern SaaS product such as Stripe, Notion, or Linear. Focus on clarity, usability, and hierarchy over decoration.