Light Museum - 空间聊天界面
A high-end, futuristic dark-mode chat interface featuring a glassmorphism aesthetic. It utilizes a striking contrast between deep charcoal backgrounds (#0e0e0e) and vibrant lime accents (#bef264). Characterized by premium editorial typography (Cabinet Grotesk Italic), gradient-based lighting effects, and soft-blur floating background orbs. This design system is ideal for creative platforms, spatial computing interfaces, high-tech fintech apps, or premium community messaging dashboards.
Summary
A sophisticated dark-themed messaging system with a focus on depth and luminosity. It combines a semi-transparent glassmorphic sidebar and header with a spacious chat arena, utilizing bold italic typography and specific lime-green highlights for user presence. The interface features a unique dual-gradient background with floating elements to provide environmental atmosphere.
Style
The style is 'Cyber-Premium' Glassmorphism. Typography pairings: 'Cabinet Grotesk' (Black/Italic) for headings and brand elements, and 'Satoshi' for functional UI and body text. Color scheme: Deep Black (#0e0e0e), Purple-to-Pink gradient (#6a48f2 to #d946ef), and Electric Lime (#bef264). The theme relies on thin 1px white/5% borders and heavy backdrop blurs (20px).
Layout & Structure
A three-tier layout: a sticky global header, a fixed left sidebar for utility and member lists, and a primary message feed with a bottom-aligned input system.
Global Header
Left Sidebar
Chat Message Feed
Input Area
Components
Lime User Bubble
Distinctive high-contrast chat bubble for the primary user.
Floating Atmosphere Orbs
Deep background lighting effect.
Gradient Action Button
Impactful call-to-action button.
Special Notes
MUST: Maintain the specific asymmetric border-radii for message bubbles (one corner always sharper at 4px). MUST: Use Cabinet Grotesk ONLY for headers and buttons to maintain editorial feel. MUST NOT: Use solid black #000; use #0e0e0e for depth. MUST NOT: Use standard scrollbars; use custom-styled thin tracks with white/10 thumb color.