NexGen RAG - Cyan Midnight Theme Update
A high-end 'Cyan Midnight' themed dashboard for AI and RAG (Retrieval-Augmented Generation) applications. This design utilizes a deep navy-black palette (#0F1419) paired with vibrant electric cyan (#00D9FF) accents and sophisticated glassmorphism. It features a three-column layout with a minimalist icon-driven sidebar, a central conversational interface, and a context-heavy sidebar for file management. Ideal for tech-focused SaaS, AI knowledge bases, developer tools, and fintech platforms requiring a futuristic, high-performance aesthetic.
Summary
NexGen RAG UI: A sleek, dark-mode conversational AI interface using a navy-black background, cyan highlights, and ultra-thin glassmorphism layers. The design emphasizes data transparency with active context sidebars and a centralized, high-radius search/chat input.
Style
The style is defined by a 'Midnight' base (#0F1419) and 'Electric Cyan' (#00D9FF). Typography uses the Satoshi font family for a geometric, modern look, supported by Inter. UI elements feature 12px background blurs, 1px white/5% borders, and subtle radial gradient glows. Interactive states use Y-axis translations and soft cyan glows to denote focus.
Layout & Structure
A three-column grid system consisting of a narrow functional sidebar (80-96px), a flexible central chat/main content area, and a context sidebar (288px) for document metadata.
Left Navigation Sidebar
Main Chat Viewport
Conversational Input Area
Right Context Sidebar
Components
Suggestion Action Card
Interactive tile used for quick actions or AI prompts.
Context Document Card
Visual representation of an uploaded file or knowledge source.
Special Notes
Maintain high contrast for cyan text on dark backgrounds to ensure readability. Do not use solid white for text; use slate-200 for body and slate-400/500 for secondary text. Ensure all 'glass' borders are ultra-thin (1px) to maintain the premium technical feel. Use Satoshi font specifically for titles to achieve the geometric branding.