Goldlight Premium Refinement
Goldlight is a premium, high-contrast dark mode design system characterized by sophisticated glassmorphism, metallic gold gradients, and editorial typography. It features a sleek sidebar-rail navigation and a luxurious color palette of deep blacks (#09090B) and multi-tonal golds. Optimized for high-end SaaS, creative management platforms, premium fintech dashboards, and luxury portfolio sites. The style emphasizes depth through backdrop blurs, subtle border glows, and refined micro-animations.
Summary
A luxurious dark-themed dashboard with gold metallic accents, featuring glassmorphic cards, editorial Bricolage Grotesque typography, and a refined rail-style sidebar navigation.
Style
The design uses a high-contrast palette of deep charcoal/black (#09090B) and a custom triple-stop gold gradient. Typography pairs the expressive 'Bricolage Grotesque' for headers with the clean 'DM Sans' for functional text. Key visual elements include 12px backdrop blurs, 1px subtle borders, and a signature 'gold-light' glow effect on active elements.
Layout & Structure
A fixed-rail sidebar layout with a fluid main content area. The main workspace utilizes a flexible grid system (typically 3 columns on desktop) with generous padding (40px) and clear vertical hierarchy.
Sidebar Rail
Header Section
Content Grid
Components
Glassmorphic Project Card
A sophisticated card with hover-triggered elevation and glow.
Gold Gradient Primary Button
High-luxury pill button with dimensional shadows.
Special Notes
Maintain visual hierarchy by using 60% opacity and grayscale filters on secondary or 'inactive' cards, which transition to full color and 100% opacity on hover. Every card must have a subtle diagonal top-left to bottom-right white-to-transparent gradient overlay at 3% opacity to simulate light hitting glass.