Fix Broken Image
A high-performance dark-mode dashboard with a crypto-tech and gaming aesthetic. It features a triple-column layout: a slim primary utility bar, a structured secondary navigation sidebar, and a scrollable main content area. The style is defined by its 'Glass-morphism' panels, editorial typography using Plus Jakarta Sans, and neon accent colors like Mint (#A7F3D0), Indigo (#4F46E5), and Orange-500. Ideal for SaaS platforms, fintech analytics, gaming leaderboards, and Web3 dashboards requiring dense data visualization within a sleek, modern UI.
Summary
A sophisticated dark-themed data dashboard utilizing a tiered navigation system, glass-morphic cards with glowing progress indicators, and a high-contrast typography hierarchy.
Style
The style is 'Dark Editorial' with a focus on deep blacks and subtle grays. Typography uses 'Plus Jakarta Sans' with heavy reliance on 10px bold uppercase labels for metadata. Colors center around #0D0D0D (background), #161616 (primary panels), and #222222 (borders). Accents include Mint (#A7F3D0) for success/positive consensus and Indigo (#4F46E5) for primary actions. Micro-interactions use cubic-bezier(0.4, 0, 0.2, 1) for smooth transitions and scale-up hover effects on cards.
Layout & Structure
A multi-pane layout featuring a 64px slim utility bar, a 256px secondary navigation sidebar, and a fluid main content area with an ambient image-gradient header.
Primary Slim Sidebar
Secondary Navigation Sidebar
Main Content Header
Featured Bento Grid
Data Table Section
Components
Glowing Progress Bar
Minimalist consensus/metric indicator.
Thesis Card
Editorial-style card with hover interaction.
Special Notes
MUST: Use 1px borders for all UI elements to maintain the tech aesthetic. MUST: Use 'Plus Jakarta Sans' for all text. MUST: Ensure that all background images have a bottom-up gradient to pure #0D0D0D. DO NOT: Use standard system colors; use the specific hex values provided (#0D0D0D, #161616, #222222).