Updated Hydraulic Press Diagnostic Interface
An industrial-grade diagnostic interface featuring a high-contrast layout, dense data entry panels, and technical visual overlays. Suitable for manufacturing dashboards, enterprise asset management, fintech telemetry, and IoT monitoring systems. Characterized by 'Satoshi' typography, #005BC5 primary blue accents, and 40px rounded containers.
Summary
A professional industrial diagnostic dashboard with a split-screen layout (7:12 ratio) optimized for rapid data entry and visual reference. It uses a clean light-gray background (#F8FAFC) with bold, uppercase typography and high-precision input groups.
Style
The design follows a high-tech industrial aesthetic using 'Satoshi' as the primary typeface. Key features include grayscale image filters, high-density input grids, and a primary brand color of #005BC5 (Royal Blue). Animations include subtle scale-downs on interaction and smooth image scaling on hover.
Layout & Structure
A 12-column grid layout where the main diagnostic panel occupies 7 columns and a visual reference component occupies 5 columns. A technical footer provides real-time system metadata.
Header Section
Diagnostic Input Panel
Action Button Group
Visual Reference Overlay
Technical Footer
Components
High-Density Input Group
Stacked data entry fields with semantic grouping
Industrial Visual Card
Image-based asset identifier with data overlay
Special Notes
MUST maintain the 40px border-radius on main containers for the specific 'soft industrial' look. DO NOT use standard border colors; rely on subtle shadows and focus rings for field definition. ALL labels except body copy must be uppercase with tracking-wider or tracking-widest.