Gising! — Reports
A high-intensity, dark-mode monitoring interface designed for real-time alerts and disaster reporting. Features a vibrant red-to-orange gradient palette (#ff2d55 to #ff6a00), editorial-grade typography (Clash Grotesk), and data-rich card layouts. The aesthetic blends a futuristic cyberpunk vibe with professional utility, using subtle seismic grid backgrounds, ambient radial glows, and animated scanlines. Ideal for emergency response apps, cybersecurity dashboards, fintech monitoring, and live data tracking verticals.
Summary
Gising! — Reports is a high-fidelity monitoring dashboard featuring a categorized list of severity-based alerts (Critical, High, Moderate) with a dark theme and aggressive red/orange accent system. It utilizes a grid-based background, staggered entrance animations, and data-dense cards with expandable details.
Style
The style is 'Critical/Action-Oriented Dark Mode.' Typography pairings use 'Clash Grotesk' for bold, impactful headers and numerical data, while 'Satoshi' handles clean, legible body text. The color scheme is anchored by deep black (#0a0608), accented with a signature red (#ff2d55) and orange (#ff6a00) gradient. Interactions are defined by micro-pulses, scanlines, and high-contrast status badges.
Layout & Structure
A vertical-scrolling mobile-first layout. The structure includes a sticky-effect header, a filtering/search layer, a summary statistics row, and a grouped list of alert cards categorized by severity.
Header & Live Indicator
Search and Filter Layer
Summary Statistics Row
Alert Card List
Expandable Card Detail
Components
Expand/Collapse Button
Minimalist toggle button for card details.
Bottom Navigation Bar
Fixed navigation bar with highlighted active state.
Magnitude Display
High-impact data readout with glow.