Shivay Luxury Neon Interface - Updated Credit
A high-end, luxury neon aesthetic design system named 'Shivay', optimized for superintelligent AI ecosystems, elite SaaS platforms, and futuristic fintech dashboards. This system features a deep obsidian background (#02040a) with a sophisticated mesh gradient and glassmorphism components. It utilizes a striking combination of editorial typography (Clash Grotesk) and high-tracking utility fonts (Satoshi). Key visual elements include neon glow effects in pink (#ff2d55), lime (#c1ff72), and cyan (#00f2ff), paired with ultra-smooth cubic-bezier transitions and floating geometric motifs.
Summary
The Shivay design system is a premium 'Luxury Neon' interface that combines dark-mode obsidian depths with vibrant, glass-filtered accent colors. It emphasizes extreme typographic hierarchy, minimal high-status utility text, and immersive background depth through blur effects and subtle geometric animations.
Style
The style is defined by its use of 'Satoshi' for utility/body and 'Clash Grotesk' for display. Colors are anchored in #02040a with vibrant neon accents: Pink (#ff2d55), Lime (#c1ff72), and Cyan (#00f2ff). It utilizes heavy backdrop filters (24px blur) and low-opacity white borders (5%) to create a 'glass-card' effect. Animations include soft floating cycles and shimmer effects for micro-interactions.
Layout & Structure
A vertically-balanced landing or dashboard structure with a high-fidelity header, a massive centralized branding section, a 4-column feature grid, and a bottom-aligned floating command bar.
Header
Hero Section
Feature Grid
Command Bar Footer
Components
Glass Feature Card
Large-radius glass cards with dynamic neon hover states.
Gradient Command Button
A high-contrast circular action button for initiating AI commands.
Special Notes
MUST maintain high-tracking (0.3em+) on all text smaller than 14px to ensure luxury feel. MUST NOT use pure white backgrounds for cards; only low-opacity white (1.5% to 4%) with blur. MUST ensure the bottom-right designer credit ('Made by Kartik') is subtle at 40% opacity, uppercase, and uses 0.4em tracking. MUST use overflow-hidden on the body to allow for large-scale floating background geometric shapes that extend past screen edges.