Gising! — Reports
A high-impact, dark-mode mobile interface designed for real-time reporting and disaster monitoring. Features a bold red and orange gradient accent system against a deep obsidian background (#0a0608). The aesthetic blends technical data visualization with editorial typography (Clash Grotesk & Satoshi). Suitable for fintech dashboards, emergency response apps, security monitors, or any platform requiring high-visibility status updates and severity-based categorization. Key elements include seismic grid backgrounds, scanline flickering effects, and staggered fade-up animations.
Summary
A vibrant, data-heavy mobile dashboard utilizing high-contrast severity color-coding, technical typography, and a 'living' UI with pulse animations and scanlines.
Style
The style is 'Neobrutalist Tech'. It relies on a dark base (#0a0608) with electric red (#ff2d55) and orange (#ff6a00) accents. Typography pairs the high-character 'Clash Grotesk' for headings and 'Satoshi' for functional UI text. Visual depth is created via radial glows, a subtle 28px seismic grid, and animated scanlines.
Layout & Structure
Mobile-first vertical scroll with a fixed top header and a floating-style bottom navigation bar. Content is organized into severity-ranked sections with summary stats at the top.
Header and Search
Summary Statistics Row
Categorized Alert Feed
Alert Card Component
Bottom Navigation
Components
Seismic Waveform Sparkline
A technical visualization of data within the card detail.
Live Monitoring Pill
A status indicator with animation.