Ghost Peer — Create Room (Linked) (Copy)
A high-tech, futuristic dark-mode design system with a 'Ghost' aesthetic, utilizing glassmorphism, neon gradients, and celestial background elements. It features a space-inspired color palette (#0a0e27), high-contrast typography (Space Grotesk), and sophisticated micro-interactions like shimmering code blocks and pulsing status indicators. Ideal for privacy-focused SaaS, cybersecurity, fintech, or ephemeral messaging applications that require a premium, secure, and modern feel.
Summary
Create a secure, dark-themed room creation interface for an ephemeral communication platform. Use a deep navy background (#0a0e27) with glassmorphic cards, vibrant purple-to-pink gradients, and animated celestial elements to evoke a sense of privacy and high technology.
Style
The style is defined by its 'Cyber-Security' aesthetic: a dark base with layered transparency and neon accents. Typography uses 'Space Grotesk' for a technical yet modern look. Colors include a primary gradient from #a855f7 to #ec4899, set against a background of #0a0e27. Shadows are used as glows rather than depth markers. Layout relies on large border-radii (up to 3rem) and significant whitespace to maintain clarity despite the complex background.
Layout & Structure
A vertically centered, single-column layout optimized for focused user actions. It consists of a top navigation bar, a central high-impact hero card, and a footer containing trust signals.
Background Layer
Header
Main Card Container
Code Display Section
Status and CTA Actions
Footer Trust Signals
Components
Interactive Gradient Button
A glassmorphic button that transforms into a glowing gradient on hover.
Shimmering Code Display
A focused container for sensitive codes with an animated light streak.
Waiting Status Indicator
A pulse-and-text combination to indicate live background processes.