Mundus CodeMD3 Wireframes · 2026
12 Screens
Material Design 3 · Flutter · Agency App

Mobile UX
Wireframes

Complete screen flows for every major journey — onboarding through daily agency management, built on MD3 patterns for Flutter.

OnboardingDashboard ProjectsTasks InvoicesSupport NotificationsProfile

Onboarding Flow

Three-step value proposition carousel introduces the app before authentication. Skip always visible. Uses Material 3 large display typography and motion.

9:41
📶 📡 🔋
Mundus Code
Agency Management
Your agency,
in your pocket
Projects, tasks, invoices, and client support — all in one beautifully crafted app.
Get Started →
Already have an account? Sign in
Step 1 — Welcome
9:41
📶 📡 🔋
📊
8
ACTIVE
94%
ON-TIME
€42k
BILLED
Track every
project live
Real-time dashboards with progress metrics, team activity, and upcoming deadlines at a glance.
Continue →
Skip intro
Step 2 — Projects
9:41
📶 📡 🔋
🔔
PUSH NOTIFICATION
Invoice #0042 Paid ✓
€3,200 from Insubria Group
Never miss
a beat
Smart push notifications for payments, task updates, and client messages with full control.
Enable Notifications →
Skip for now
Step 3 — Notifications

Login & Authentication

Secure email/password login with biometric fast-sign-in (Face ID / Fingerprint). MD3 filled text fields, password visibility toggle, and prominent CTA button.

9:41
📶 📡 🔋
Mundus Code
Welcome back
Sign in to your agency workspace
Email Address
marco@munduscode.net
Password
●●●●●●●●👁
Forgot password?
Sign In
or continue with
🥑 Face ID
🖐 Touch ID
Login Screen
9:41
📶 📡 🔋
🥑
Face ID
Look at your iPhone to authenticate with Face ID
Scanning…
Enter Password Instead
Biometric Auth
9:41
📶 📡 🔋
Create Account
Set up your agency workspace
Full Name
Marco Rossi
Work Email
email@agency.com
Password
Create password👁
Agency / Company
Company name
I agree to the Terms of Service and Privacy Policy
Create Account
Sign Up

Home Dashboard

Personalized greeting, KPI row with live deltas, active projects with progress bars, quick-action FAB, and persistent bottom navigation. MD3 NavigationBar with indicator pill.

9:41
📶 📡 🔋
Good morning
Marco Rossi 👋
🔔
3
8
PROJECTS
+2
24
OPEN TASKS
-3
€42k
BILLED
+18%
5
TICKETS
2 new

Active Projects

View all
Insubria Rebrand
Active
72% completeDue Apr 18
SMM Platform v2
Review
58% completeDue May 2
MrExcavator App
On Hold
35% completeTBD

Due Today

See tasks
Logo revisions
Insubria Rebrand
API integration
SMM Platform v2
🏠
Home
📋
Projects
Tasks
💲
Invoices
👤
Profile
+
Home Dashboard

Project Detail

Rich project header with gradient card, circular progress, team avatars, milestone timeline, activity feed, and tabbed sub-navigation for tasks/files/activity.

9:41
📶 📡 🔋
Projects
INSUBRIA GROUP
Brand Identity &
Website Redesign
Overall Progress
72%
18
TASKS
13
DONE
Apr 18
DUE DATE
€8.4k
BUDGET
Team:
MR
AL
SF
+2
MILESTONES
TASKS
ACTIVITY
Discovery & Audit
Completed Mar 1
Done
Visual Identity
Due Apr 10
Active
🕐
Website Build
Starts Apr 11
Soon
🚀
Launch & Handoff
Apr 18
TBD
🏠
Home
📋
Projects
Tasks
💲
Invoices
👤
Profile
Project Detail
9:41
📶 📡 🔋
All Projects
+
🔍 Search projects...
All (8)
Active
Review
On Hold
Completed
Insubria Rebrand
Active
72% • 5 tasks leftApr 18
SMM Platform v2
Review
58% • 8 tasks leftMay 2
Intenso Website
Active
88% • 2 tasks leftApr 5
MrExcavator App
On Hold
35% • TBDTBD
🏠
Home
📋
Projects
Tasks
💲
Invoices
👤
Profile
+
Project List

Task List with Filters

MD3 filter chips for status, priority, and project. Swipe-to-complete, priority color coding, due date badges, and a detail sheet for editing individual tasks.

9:41
📶 📡 🔋
My Tasks
🔍
All (24)
Open (14)
In Review (6)
Done (4)
🔴 High
🟠 Medium
🟢 Low
📋 Insubria
📋 SMM v2
!
Finalise logo colour variants
Design High Due Today
Today
Homepage hero animation
Dev Medium Apr 8
Apr 8
Write product copy v2
Content Medium Apr 10
Apr 10
API auth middleware test
QA Low Apr 12
Apr 12
Completed
Competitive analysis
Research Completed
Wireframe review call
Design Completed
🏠
Home
📋
Projects
Tasks
💲
Invoices
👤
Profile
+
Task List + Filters
9:41
📶 📡 🔋
Task Detail
🖉
Design High Priority Due Today
Finalise logo colour variants
Create 3 colour variants of the primary logo: full colour, monochrome, and reversed (white on dark). Export in SVG and PNG at 1x and 2x.
ASSIGNEE
MR
Marco R.
PROJECT
Insubria Rebrand
Checklist (2/3)
Full colour variant (CMYK + RGB)
Monochrome variant
Reversed (white on dark) + exports
Comments (2)
AL
Alessandro L.
2h ago
Check the Pantone reference from the brief doc!
Mark Complete
Task Detail

Invoice List & Detail

Revenue summary cards with donut chart, paginated invoice list with status badges, and a rich detail view with line items, payment timeline, and PDF download action.

9:41
📶 📡 🔋
Invoices
+
TOTAL BILLED Q1 2026
€42,800
+18% vs Q4 2025
12
Paid (9)
Pending (2)
Overdue (1)
All (12)
Paid
Pending
Overdue
Draft
INV-0042
Insubria Group
Mar 31, 2026
€3,200
Paid
INV-0041
SMM Platform
Mar 15, 2026
€6,500
Pending
INV-0040
MrExcavator
Overdue 14 days
€2,800
Overdue
INV-0039
Intenso S.r.l
Feb 28, 2026
€4,100
Paid
INV-0038
Yvenn Agency
Feb 14, 2026
€1,900
Paid
🏠
Home
📋
Projects
Tasks
💲
Invoices
👤
Profile
Invoice List
9:41
📶 📡 🔋
Invoice
📤
INVOICE INV-0042
€3,200.00
Paid in full
CLIENT
Insubria Group S.r.l
ISSUED
Mar 31, 2026
PAID
Apr 2, 2026
DescriptionAmount
Brand Strategy
8h × €150/h
€1,200
Logo Design
12h × €150/h
€1,800
Brand Guidelines
Fixed
€200
Total
€3,200
Payment Confirmed
Bank transfer • Apr 2, 2026 14:32
📤 Download PDF
Invoice Detail

Support Ticket Inbox, Detail & Create

Threaded inbox with unread indicators, priority dots, and status chips. Detail view with message bubbles and inline compose. Create flow with subject, category, priority selector, and file attach.

9:41
📶 📡 🔋
Support
+
5
OPEN
3
IN PROGRESS
12
RESOLVED
All
Open
In Progress
Resolved
#TKT-0088
Open
API integration failing on staging
High SMM Platform2h ago
#TKT-0087
In Progress
Dashboard loading slow on mobile
Medium InsubriaYesterday
#TKT-0086
Open
Request: export invoices as CSV
Low GeneralMar 28
#TKT-0085
Resolved
Email notifications not arriving
SMM PlatformMar 20
#TKT-0084
Resolved
SSL cert expired on staging
InfrastructureMar 10
🏠
Home
📋
Projects
Tasks
💲
Invoices
👤
Profile
+
Ticket Inbox
9:41
📶 📡 🔋
API integration failing
Open High #TKT-0088
Mar 31, 2026
Hey, the API auth middleware is throwing 401 errors intermittently on staging. Seems to happen after token refresh.
Marco R. • 09:14
Got it. I can reproduce it. Looks like the refresh token expiry window is off. Will push a fix.
Support Team • 10:02
Any ETA on the fix? We need this live by tomorrow.
Marco R. • 10:15
Fix deployed to staging now. Can you test?
Support Team • 11:48
Typing…
Type a message…
📎
Ticket Thread
9:41
📶 📡 🔋
×
New Ticket
Save Draft
Subject
Describe your issue briefly…
Description
Provide more detail about the issue or request…
Project
SMM Platform v2
Category & Priority
Bug Report
🔴 High
📎 Attach files or screenshots
Submit Ticket
Create Ticket

Notifications Center

Grouped by date with unread count badge. Category icons with colour-coded backgrounds, mark-all-read action, and swipe-to-dismiss. Settings shortcut for notification preferences.

9:41
📶 📡 🔋
Notifications
5 unread
Mark all read
All
Tasks
Invoices
Support
Projects
Today
💲
Invoice Paid ✓
€3,200 received from Insubria Group — INV-0042
2 hours ago
💬
Support Reply
Support team replied to #TKT-0088: "Fix deployed to staging..."
4 hours ago
Task Completed
Alessandro L. completed "Competitive analysis" in Insubria Rebrand
6 hours ago
🔴
Overdue Invoice
INV-0040 for MrExcavator is 14 days overdue — €2,800
9 hours ago
🕐
Deadline Tomorrow
"Homepage hero animation" is due tomorrow in SMM Platform v2
Just now
Yesterday
📋
Project Updated
SMM Platform v2 moved to "In Review" stage
Mar 30, 2026 • 16:44
👋
New Client Added
Yvenn Agency onboarded successfully. First project created.
Mar 30, 2026 • 09:20
🏠
Home
📋
Projects
Tasks
💲
Invoices
👤
Profile
Notifications Center

Profile & Settings

User profile card with stats, grouped settings list with MD3 row components, toggle switches for notifications and appearance, and danger zone for account management.

9:41
📶 📡 🔋
Profile
🖉
MR
Marco Rossi
AGENCY DIRECTOR
marco@munduscode.net
8
PROJECTS
24
TASKS
12
INVOICES
Account
👤
Edit Profile
Name, role, photo
🔐
Security
Password, 2FA, biometrics
🔔
Notifications
Push, email, in-app
Appearance
🌙
Dark Mode
Always on
🌐
Language & Region
English (IT) • EUR
Support
📙
Help & Documentation
💬
Contact Support
🔒
Sign Out
Mundus Code App v1.0.0 • Build 42
🏠
Home
📋
Projects
Tasks
💲
Invoices
👤
Profile
Profile & Settings
9:41
📶 📡 🔋
Notification Settings
Push Notifications
Task Reminders
When tasks are due or overdue
Invoice Updates
Payments, overdue alerts
Support Replies
New messages on tickets
Project Milestones
Milestone completions
New Comments
Task and project comments
Quiet Hours
Enable Quiet Hours
22:00 — 08:00
Email Digest
Weekly Summary
Every Monday 09:00
Notification Settings
MD3 Component Reference

Design System Tokens

Colour Roles
Primary — #7C6FF7
Buttons, FABs, indicators
Secondary — #38E0C9
Revenue, success states
Tertiary — #F065B0
Highlights, accents
Error — #F87171
Errors, overdue states
Surface — #1A1D30
Cards, sheets, dialogs
Typography Scale
Display Large
Syne 800 • Screen titles
Headline Medium
Syne 700 • Card headers
Title Large
Syne 600 • List items
Body Medium — Space Grotesk 400 for descriptions and supporting text
LABEL SMALL — JetBrains Mono
Navigation Patterns
🞩
Bottom Navigation
5-item MD3 NavigationBar with active indicator pill. Home, Projects, Tasks, Invoices, Profile.
Back Navigation
System back gesture + top app bar back arrow. Predictable, hierarchical.
FAB
Extended FAB on list screens for primary create action. Shrinks on scroll.
📄
Modal Sheets
Bottom sheet for filters, details, and quick actions. 3-stop drag.
Component Library
Filled Button
Tonal
Outlined
Paid Pending Overdue Review Open
Active Chip
Filter Chip
🔍 Search field (MD3)
Toggle ON
Toggle OFF