Advice Atara Mall - Services Rich Menu
A high-energy neon cyberpunk design system optimized for service menus, rich navigation, and tech-focused dashboards. Featuring a dark mode palette with vibrant neon accents (#00f2ff, #ff00e5, #39ff14, #fffb00, #ff8c00, #9d00ff), the style uses bold editorial typography (Bebas Neue) paired with modern sans-serif fonts (Plus Jakarta Sans). Key elements include glassmorphism panels, cyber-grid backgrounds, and interactive glow-border cards. Suitable for high-tech retail, gaming platforms, fintech, and automated customer journey interfaces.
Summary
A futuristic, neon-saturated service menu design utilizing a dark mode 'Cyberpunk' aesthetic. It organizes complex service options into high-contrast interactive cards with a dedicated automation logic sidebar and a high-visibility bottom navigation bar.
Style
The style is defined by a 'Dark Cyber' theme using a #050505 background and a 40px cyber-grid pattern. It features multi-colored neon glow effects for borders and text. Typography pairs the aggressive, condensed 'Bebas Neue' for headings with 'Plus Jakarta Sans' for readable body text. Micro-interactions include smooth card scaling and glow pulses.
Layout & Structure
A responsive landing page layout consisting of a top-aligned header, a main content area split into a grid (service cards) and a sticky informational sidebar, and a fixed-bottom navigation tray.
Header
Service Card Grid
Automation Sidebar (Sticky)
Bottom Navigation Bar
Components
Interactive Neon Card
A card that responds to user selection with a ring-glow and visual feedback.
Intent Message Bubble
A styled UI block mimicking an automated chat response.