SeismicWatch — Earthquakes List
A high-intensity, dark-mode data monitoring dashboard utilizing a deep burgundy and orange aesthetic. Ideal for real-time tracking, security feeds, seismic activity, or high-stakes financial dashboards. Features high-contrast editorial typography (Cabinet Grotesk), status-based color-coding, pulsing 'Live' indicators, and glassmorphism-influenced cards with accent borders. The layout is optimized for high information density with a clear visual hierarchy of severity levels.
Summary
A sophisticated monitoring interface for real-time data events, utilizing a dark color palette with vibrant status accents and micro-animations to indicate live activity.
Style
The design aesthetic is 'Modern Analytical Noir.' It pairs a deep burgundy background (#0d0609) with a vibrant status-driven color system. Typography uses 'Cabinet Grotesk' for high-impact headers and 'Satoshi' for readable body text. Visual elements include ambient glows, staggered fade-in animations, and pulsing live indicators.
Layout & Structure
Mobile-first vertical layout with a persistent header containing statistics and filters, followed by a scrollable feed of event cards.
Header & Stats
Search & Filters
Event List & Section Labels
Bottom Navigation
Components
Severity Event Card
Informational cards that change appearance based on the data severity level.
Live Pulse Indicator
A complex animated dot indicating real-time activity.