Fresh Food Market
Swiftly White-Label Wireframes
146
Screens
3
Apps
5
Key Flows
🚀 Quick Start
📱 Applications
🛒
Consumer App
Browse, order & track groceries
74
  • System & Onboarding 3
  • Authentication 4
  • Address Management 6
  • Home & Discovery 13
  • Product & Cart 10
  • Checkout & Payment 10
  • Orders & Tracking 8
  • My Shop & Lists 7
  • Profile & Settings 11
  • Notifications 2
📦
Operations App
Picker & Driver workflows
46
  • Shared (Auth, Shift) 11
  • Picker Flow 18
  • Driver Flow 17
🖥
Admin Portal
Store management dashboard
26
  • Authentication 3
  • Dashboard 1
  • Order Management 2
  • Product Management 4
  • Inventory 2
  • Reports & Analytics 3
  • Customers 2
  • Staff Management 2
  • Promotions 1
  • Settings 3
  • Account & Errors 3
🔄 Key User Flows
📊 Dashboard 1
📋 Order Management 2
🏷️ Promotions 1
📚 Documentation
🎨 Brand Identity
Primary Dark Green
#043F2D
Off-White Background
#E9EFE7
Lime Accent
#C9F06B
White Surface
#FFFFFF
📁 Shared Framework Files

🎨 CSS Stylesheets

brand-tokens.css Color, font, spacing variables
components.css Buttons, cards, inputs, badges
mobile-shell.css Mobile frame (375px viewport)
admin-shell.css Desktop layout (1440px)

⚡ JavaScript

wireframe-states.js State toggle (loading/empty/populated/error)
navigation.js Screen-to-screen linking

🔠 Fonts

Alexandria.ttf Headline font
Alatsi.ttf Body font

🖼️ Images

ffm-logo.png Official brand logo (from client)
placeholder-product.svg Product placeholder
empty-states/ 4 empty state illustrations
📊 Screen Count Summary
Application P0 (MVP) P1 (Should Have) Total
Consumer App 51 23 74
Operations - Shared 11 0 11
Operations - Picker 15 3 18
Operations - Driver 13 4 17
Admin Portal 16 10 26
TOTAL 106 40 146