Сыграч — Обновленный редактор v5.0
A high-fidelity audio processing studio and SaaS dashboard style. Features a clean, professional aesthetic using 'Montserrat' typography, a sophisticated slate-based color palette (#f8fafc to #1e293b), and vibrant pink-to-purple brand gradients. Optimized for media editing tools, fintech dashboards, and creative software. Key design elements include minimalist SVG waveforms, high-contrast uppercase labeling with wide letter spacing, and compact bento-style tool cards. The interface uses a fixed-sidebar layout with extensive use of rounded corners (16px to 24px) and subtle transition animations for interactive states.
Summary
A modern, professional audio studio interface focusing on track management and processing results. It utilizes a three-column logic: navigation header, tool/archive sidebar, and a central results area featuring minimalist waveform visualizers.
Style
Professional 'Studio' aesthetic using Montserrat font (weights 300-800). Color scheme relies on a light slate background (#f8fafc), white cards, and a specific brand gradient (linear-gradient(135deg, #ff80b5 0%, #9089fc 100%)). UI accents use Indigo (#4f46e5) and Emerald (#10b981). Animations are snappy (0.2s) using standard ease-in-out curves for hover and selection states.
Layout & Structure
The layout is a full-height, flexbox-based dashboard with a sticky header (h-72px approx), a fixed-width left sidebar (384px), and a scrollable main content area. Components are separated by subtle #e2e8f0 borders.
Header
Left Sidebar - Track Selection
Left Sidebar - Tool Cards
Track Results Panel
Archive Section
Components
Minimalist Waveform Visualizer
A high-density bar chart used for audio tracks.
Brand Gradient Avatar
Circular avatar for user profiles or branding.
Special Notes
MUST maintain the 1px width for waveform bars to ensure 'thin wave' aesthetic. MUST NOT use drop shadows on the main results container; keep it flat with a subtle border. MUST use the specific 10px uppercase bold tracking for all metadata labels to preserve the studio feel. DO use 1.5px gaps between waveform bars.