Sushify Admin Pro - Mobile Optimized
Sushify Admin Pro is a high-performance, mobile-optimized dark mode dashboard designed for real-time service environments like restaurants, fintech, or logistics. The design features a brutalist dark aesthetic (#000000) with high-contrast orange accents (#D97234), extensive glassmorphism, and bold editorial typography using IBM Plex Sans Thai. It utilizes a mobile-first philosophy with a bottom navigation bar, floating action buttons, and responsive grid systems that transition from single-column mobile layouts to complex multi-column desktop views. Key elements include pulsing glow animations for live event priority, skeleton loading states, and ripple interaction effects.
Summary
A sophisticated mobile-first admin dashboard for high-intensity operations, featuring a deep black background, vibrant orange highlights, glassmorphic overlays, and fluid animations. Optimized for touch interactions with large targets and real-time feedback loops.
Style
The style is 'Neon-Brutalist Glassmorphism'. It relies on a pure black background (#000000) to make colors pop. Typography is centered around IBM Plex Sans Thai, utilizing heavy weights (700-900) for headers and wide-tracked uppercase labels for secondary information. The primary accent is a warm orange (#D97234). Interactive elements use 'ripple' effects and 300ms cubic-bezier transitions. Status-driven components feature animated glow borders (red for urgent, orange for billing) to draw immediate attention without visual clutter.
Layout & Structure
A responsive dual-navigation layout. On desktop (lg), it features a 300px fixed sidebar. On mobile, the sidebar is hidden, and a 20-24px height compact header is paired with a fixed bottom navigation bar (h-20) for thumb-reachability. Content is housed in a vertically scrollable container with hidden scrollbars.
Desktop Sidebar
Mobile Header
Mobile Bottom Navigation
Feed System (Live Cards)
Catalogue Grid
Stats & Insights
Components
Interactive Floor Map
A real-time grid of status-aware table tiles.
Floating Toast Notification
High-contrast floating pill with undo capabilities.
Action Bottom Sheet
Mobile-only modal that slides up from the bottom.