Hollywood Screenplay Focus Group Session
A premium, high-stakes cinematic design system tailored for Hollywood creative tools and executive dashboards. Characterized by a deep #09090B dark-mode aesthetic, it uses sophisticated glassmorphism (rgba(19,19,22,0.7) with 12px blur) and a distinctive triple-stop gold gradient (#D4A84B to #B88E36). The typography pairs modern geometric sans-serifs with bold display fonts for high-impact metrics. This style is ideal for fintech, entertainment analytics, screenplay analysis platforms, and luxury brand internal tools where data visualization meets high-end editorial design.
Summary
A sophisticated dark-themed Hollywood platform interface with glassmorphism panels, gold metallic accents, and massive geometric typography for live session monitoring and creative data analysis.
Style
The design follows a 'Premium Neo-Noir' aesthetic. It features a high-contrast dark palette centered on #09090B with gold metallic gradients. Typography uses 'Plus Jakarta Sans' for body text and 'Space Grotesk' for high-impact headers and metrics. Elements are defined by semi-transparent glass panels, fine 1px white/gold borders, and high-tracking uppercase labels (text-[10px]). Micro-interactions include 'Springy' hover lifts (cubic-bezier) and emerald pulse indicators for live connectivity.
Layout & Structure
A multi-column layout comprising a narrow 80px left navigation rail, a wide central workspace (max-w-5xl) for dynamic content, and a 384px (w-96) analytical sidebar. The interface uses fixed-position elements for controls and high vertical spacing (mb-12, py-10) to create a premium, uncrowded feel.
Left Navigation Rail
Session Header
Dynamic Avatar Arrangement
Message Feed
Floating Moderator Controls
Analytical Sidebar
Components
Consensus Progress Bar
A high-end data visualization bar for agreement levels.
Avatar initials Circle
Layered identity component for focus group participants.
Special Notes
MUST: Use 'Space Grotesk' exclusively for numbers and major headings. MUST: Maintain a minimum of 48px padding between the central discussion and the sidebars. MUST: Use the specific cubic-bezier for all card interactions to ensure a 'springy' feel. DO NOT: Use standard solid background colors; every panel must be a glass-morphism variant. DO NOT: Use standard font-weight 400 for headers; prioritize font-bold or font-black for the Hollywood aesthetic.