Gising! — Home Dashboard
Gising! is a bold, high-energy emergency monitoring dashboard style characterized by a deep dark-mode aesthetic, vibrant red and orange gradients, and urgent micro-interactions. It features a seismic grid background pattern, radial glows for depth, and 'scanline' flicker animations. The typography pairs the geometric 'Clash Grotesk' for high-impact headings with the clean 'Satoshi' for data-heavy UI. This style is ideally suited for real-time monitoring apps, fintech dashboards, security platforms, and any interface requiring an atmosphere of precision and urgency.
Summary
A high-intensity, dark-mode monitoring interface with a technical, data-driven aesthetic using red and orange neon accents, staggered fade-in animations, and pulsing status indicators.
Style
The style essence is 'Modern Emergency-Ops'. It uses a primary color palette of #ff2d55 (Red) and #ff6a00 (Orange) against a rich black (#0a0608) background. Typography utilizes Clash Grotesk for headings (700 weight, tight letter-spacing) and Satoshi for body text. Elements are layered over a 28px seismic grid with radial glows (rgba(255,45,85,0.18)). Micro-interactions include ripple pulse rings for active alerts and a 6-second looping scanline overlay.
Layout & Structure
A vertically scrollable dashboard layout optimized for mobile viewing, featuring a sticky header, status summary widgets, and prioritized data cards.
Header
Live Status Bar
Stat Summary Scroll
Alert Priority Cards
Monitored Region List
Activity Log
Components
Alert Ripple Rings
Dynamic pulse animation used for high-urgency alerts.
High-Contrast Badges
Small status pills for severity categorization.
Glossy CTA Button
Primary action button with internal bevel effect.