DSO Neumorphic Panel
A high-fidelity industrial design system based on Digital Storage Oscilloscope (DSO) hardware interfaces. Characterized by deep dark-mode neumorphism, skeuomorphic rotary controls, and simulated CRT/LCD displays. It features a tactical, tactile aesthetic using teal and amber accents against a slate-charcoal palette. Perfect for engineering firms, embedded systems providers, high-tech manufacturing, fintech dashboards, or specialized SaaS products requiring a rugged, technical, and precise visual identity.
Summary
A retro-modern industrial hardware interface featuring a dark charcoal neumorphic chassis, an animated LCD service matrix, tactical rotary encoders with haptic feedback, and glowing LED status indicators.
Style
The style combines dark neumorphism with industrial skeuomorphism. Typography uses 'Plus Jakarta Sans' for bold headings and 'DM Sans' for technical labels. Color palette centers on deep slates (#1e2229, #272d36) with high-contrast teal (#38b2ac) and amber (#d4a052) functional highlights. Animations include scanline sweeps, breathing glows, and haptic-simulated 'snaps' for physical controls.
Layout & Structure
The layout is a 2x2 grid contained within a rounded-corner panel, framed by decorative 'brand strips' containing hardware-style details like screws and vents.
Brand Strips (Header/Footer)
Hero Section (Top-Left)
Service Matrix LCD (Top-Right)
Tactical Controls (Bottom-Left)
Rotary Selector (Bottom-Right)
Components
Interactive Rotary Knob
A skeuomorphic 3D knob that rotates to select states.
Glow LEDs
Hardware-style status indicators with simulated light emission.
Neumorphic Press Button
Tactile button that visually depresses into the surface.