Modern Card-Based FTP Manager
A sophisticated, card-based administrative interface featuring a high-impact split-screen layout. It utilizes a vibrant red branding (#e53935) contrasted with clean off-white surfaces and geometric patterns. Ideal for SaaS dashboards, FTP/cloud storage managers, fintech portals, and professional infrastructure tools. Highlights include glassmorphic elements, smooth 8-second gradient animations, and iOS-style interaction components.
Summary
A modern split-panel UI design for administration and configuration. The left side features a dynamic animated gradient with geometric overlays, while the right side focuses on a highly-elevated white card containing modular form sections with icon badges and taller, icon-inclusive inputs.
Style
Modern geometric aesthetics using Plus Jakarta Sans (400-800 weight) for a tech-forward look. Color palette: Primary Brand Red (#e53935), Deep Red (#9b1c1c), and accent colors for categorization (Blue-100/600, Orange-100/600, Purple-100/600). The style emphasizes depth with a specific 0 4px 20px rgba(0,0,0,0.08) shadow and large 28px border radii for cards.
Layout & Structure
A responsive dual-panel layout. Mobile shows stacked panels; desktop features a fixed-width left information sidebar (400px-450px) and a centered content area with a modular card.
Left Sidebar
Progress Indicator
Main Configuration Card
Sectional Groups
Selection Modal
Components
Category Icon Badges
Circular icons used to label form sections.
iOS-Style Toggle
Smooth sliding switch for boolean inputs.
Success Field Indicator
Micro-interaction for validated inputs.
Special Notes
MUST: Use 56px heights for all primary interactive elements (buttons, inputs) for touch-friendliness. MUST: Ensure the geometric pattern in the sidebar remains subtle (opacity < 0.1). MUST NOT: Use standard 4px or 8px border radii; the design relies on the soft look of 24px-28px curves. MUST: Include internal padding of at least 16px for all input fields to accommodate icons.