Create a professional desktop web application UI mockup for a system called FEHMS – Forte Events Catering & Decor Hire Management System.

The design must be classy, simple, modern, professional and realistic, suitable for a university software development project and a real event-hire business.

Brand & Visual Style
Primary colour: Royal Blue (#1554C0)
Secondary colour: Dark Navy (#062B63)
Background: very light grey/white (#F6F8FC)
Cards: white with subtle borders and soft shadows
Text: dark navy/charcoal
Use blue for buttons, active navigation items and important information
Use small amounts of gold as an optional premium accent
Clean typography such as Inter or Poppins
Rounded corners, but keep them professional and not overly playful
Use simple modern line icons
Plenty of whitespace
Avoid excessive gradients, animations, decorations or complicated graphics
The interface must look like a real professional business management system
Layout

Use a consistent desktop dashboard layout:

Left sidebar
FEHMS logo at the top
Dashboard
My Orders
Cart
Manage Profile
Delivery / Collection
Settings
Logout
Top header
Page title
Short page description
Notification icon
Customer profile icon
Customer name: "Nick Huncho"
Role: "Customer"
Main content area
Clean white cards
Clear headings
Logical grouping of information
Professional buttons
Consistent spacing and alignment
Important

The five pages must feel like they belong to the same FEHMS application. Maintain the same:

Sidebar
Header
Typography
Colours
Button styles
Card styles
Icons
Spacing
Navigation structure

Create the interface as a high-fidelity desktop website mockup, approximately 1440 × 900 resolution.

Do not create mobile layouts.

Do not add unnecessary features that are not relevant to the requested page.

AI-generated mockup

Create a professional desktop web application UI mockup for a system called FEHMS – Forte Events Catering & Decor Hire Management System. The design must be classy, simple, modern, professional and realistic, suitable for a university software development project and a real event-hire business. Brand & Visual Style Primary colour: Royal Blue (#1554C0) Secondary colour: Dark Navy (#062B63) Background: very light grey/white (#F6F8FC) Cards: white with subtle borders and soft shadows Text: dark navy/charcoal Use blue for buttons, active navigation items and important information Use small amounts of gold as an optional premium accent Clean typography such as Inter or Poppins Rounded corners, but keep them professional and not overly playful Use simple modern line icons Plenty of whitespace Avoid excessive gradients, animations, decorations or complicated graphics The interface must look like a real professional business management system Layout Use a consistent desktop dashboard layout: Left sidebar FEHMS logo at the top Dashboard My Orders Cart Manage Profile Delivery / Collection Settings Logout Top header Page title Short page description Notification icon Customer profile icon Customer name: "Nick Huncho" Role: "Customer" Main content area Clean white cards Clear headings Logical grouping of information Professional buttons Consistent spacing and alignment Important The five pages must feel like they belong to the same FEHMS application. Maintain the same: Sidebar Header Typography Colours Button styles Card styles Icons Spacing Navigation structure Create the interface as a high-fidelity desktop website mockup, approximately 1440 × 900 resolution. Do not create mobile layouts. Do not add unnecessary features that are not relevant to the requested page.

September 2, 2026

Related

More dashboard mockups