🧭 Design Concept

Maritime Admin UI Preview

A fully interactive prototype of what the admin panel looks like — built around maritime professionalism, RYA compliance, and clean SaaS design. Navigate the sidebar to explore Dashboard, Fleet Management, Visual Scheduler, and Student CRM screens.

Deep Navy
#0F2537
Ocean Cyan
#00A3E0
High-Vis Orange
#FF6B35
Starboard Green
#10B981
Port Red
#EF4444
Cloud Gray
#F8FAFC
Broad Reach Bookings — Admin
14 kts SW|HW 06:42
CS

Good Morning, Capt. Smith

Wednesday 11 March 2026 · Solent Area

Wind
14 kts
SW 210°
Sea State
Slight
0.5 – 1m
Visibility
Good
10 km+
Tides
HW 06:42 (4.2m)
LW 12:58 (1.1m)
Students on Water🌊
0
Active Courses📋
0
PB2, Day Skipper, Start Sailing, VHF
Fleet Status
0/6 Active
SeaDog: engine defect
Compliance🛡️
0 Expiring
James W. — First Aid (17 Mar)

Today's Itinerary

6 sessions
08:00 – 09:00
Morning Briefing
· All Staff
09:00 – 13:00
Powerboat Level 2
RIB 'SeaDog' · Sarah Jenkins
09:00 – 17:00
Day Skipper Practical
Yacht 'Breeze' · Mike Thompson
09:30 – 12:30
Start Sailing (Youth)
Dinghy Fleet · Lucy Chen
13:30 – 17:00
Safety Boat Course
RIB 'Osprey' · James Wilson
14:00 – 16:00
VHF/SRC Theory
Classroom A · Capt. Smith

Action Items

2/6 done

Design Principles

🎨

Clean SaaS with Glassmorphism

Soft shadows, rounded corners, and generous white space. Lifts elements cleanly off the page while keeping data scannable.

🌙

Oceanic Dark Mode

Deep oceanic blues rather than stark blacks. Toggle it in the demo — the entire interface adapts instantly.

📱

iPad & Wet-Weather Ready

Large touch targets, fat-finger-friendly buttons on Fleet and Register screens. Built for instructors on the water.

🛡️

RYA Compliance Built-In

Smart highlighting prevents assigning expired-certificate instructors. Compliance warnings surface automatically.

Maritime-First Iconography

Compass for Dashboard, anchor for Fleet, lifebuoy for Students, whistle for Instructors. Every icon tells a nautical story.

📊

Data-Dense but Readable

Inter font for perfect number/date legibility. Alternating row backgrounds, pill badges, and clean table design.

Typography & Spacing

Headings Good Morning, Capt. Smith
Sub-headers TODAY'S ITINERARY · ACTION ITEMS · FLEET STATUS
Body / Data RIB 'SeaDog' · Powerboat Level 2 · Instructor: Sarah Jenkins · 09:00 – 17:00
Badges Ready Maintenance Due Ashore / Defect SRC/VHF First Aid