Advice Atara Mall - Promotions Page
A high-octane neon cyberpunk promotions interface designed for high-end retail, tech stores, and gaming platforms. Features a deep dark mode aesthetic with vibrant, glowing neon borders in cyan, pink, green, and purple. The layout uses a sophisticated bento-style grid paired with a sticky automation logic panel, making it ideal for SaaS dashboards or interactive e-commerce 'Rich Menus'. Includes glassmorphism effects, cyber-grid backgrounds, and high-energy typography using Bebas Neue and Plus Jakarta Sans. Suitable for fintech, Apple-certified resellers, or any brand requiring a futuristic, tech-forward presence with built-in automation visualizations.
Summary
A neon-infused cyberpunk promotion hub featuring a grid of interactive cards with glowing borders, a sticky automation dashboard for logic visualization, and a floating bottom navigation bar. The design uses high-contrast colors against a pitch-black background with a subtle digital grid overlay.
Style
The style is 'Cyberpunk Premium', characterized by deep blacks (#050505), neon glow effects, and ultra-sharp typography. It pairs the condensed, high-impact 'Bebas Neue' for headings with the modern 'Plus Jakarta Sans' for readability. Key visual drivers are the multi-colored neon borders (cyan, pink, green, orange, purple) that utilize dual-layer box shadows (outer and inset) to simulate light tubes. Glassmorphism is used for panels to provide depth.
Layout & Structure
A responsive two-column desktop layout (8:4 split) that collapses to a single column on mobile. The main area contains a grid of cards, while the sidebar acts as a sticky interactive dashboard. A persistent bottom navigation bar provides app-like switching.
Header
Promotion Grid
Sticky Automation Panel
Bottom Navigation
Components
Neon Interaction Card
A card that responds to hover and click with physical movement and visual highlighting.
Logic Flow Dashboard
An interactive panel showing automation scripts.