FOB Transaction History | Protocol Audit Ledger
A high-fidelity cyberpunk fintech dashboard style designed for Web3 protocol auditing, transaction ledgers, and AI agent monitoring. Features a deep dark theme (#050505) with high-contrast neon accents (Cyan #00f2ff, Magenta #ff00e5, Lime #adff00). It utilizes glassmorphism, grid backgrounds, and scanline animations to create a technical, 'next-gen terminal' aesthetic. Best suited for SaaS dashboards, crypto platforms, developer tools, and security auditing interfaces.
Summary
A sophisticated cyberpunk transaction history ledger using glassmorphism and neon accents. It features a dense data table, a technical analytics sidebar, and a multi-filter control bar, all set against a dark grid-patterned background with subtle scanline animations.
Style
The design system pairs heavy editorial typography (Cabinet Grotesk) with technical monospace fonts (Space Grotesk). Colors are strictly limited to a deep black base with vibrant neon status indicators. UI elements use backdrop blurs and thin translucent borders.
Layout & Structure
A structured layout prioritizing data density and quick filtering. It uses a top-down flow starting with a global glass nav, a breadcrumb header, a functional filter bar, and a main 4-column grid where the table occupies 75% and analytics occupy 25%.
Global Navigation
Header Section
Filter Bar
Audit Ledger Table
Analytics Sidebar
Components
Neon Status Badge
A micro-component for transaction states.
Transaction Detail Modal
A full-screen glassmorphism overlay for deep audit inspection.
Special Notes
MUST use uppercase for all labels and technical metadata. MUST maintain high contrast between text (#FFFFFF) and background. DO NOT use rounded corners greater than 24px; stick to sharp or semi-rounded aesthetics. Transactions hashes and IDs MUST be displayed in monospace 'Space Grotesk' or similar.