Screen #45 of 60 Batch 8 desktop • 1440x900px

Desktop AI Vocal & Stem Separation Studio (Demucs 4-Stem Model)

Specification & Codex Reference Prompt (Click to expand) (Music production studio separating mixed audio tracks into isolated stems (Vocals, Drums, Bass, Other) using AI models.)

Screen Role: Music production studio separating mixed audio tracks into isolated stems (Vocals, Drums, Bass, Other) using AI models.

Design Intent: A modern music production stem separation studio UI at 1440x900 resolution in bright Light Mode. White background (#FFFFFF). Center stage: 4 horizontal audio stem waveform tracks stacked vertically, each with its own volume slider, mute, and solo buttons: - Track 1 (Vocals): Cyan waveform with solo button active. - Track 2 (Drums): Orange punchy waveform. - Track 3 (Bass): Purple low-frequency waveform. - Track 4 (Other / Instruments): Green harmonic waveform. Top playback bar with play/pause, timecode "02:14.300", and master volume meter. Right panel: Export options: "Export All 4 Stems (WAV 24-bit)" and "Export Karaoke Instrumental (No Vocals)". Music software DAW aesthetic, clean vector icons, zero emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/studio/stems/ Template: file_converter/screens/screen_45.html

Live Django Implementation (desktop)

Isolate →

STEM

AI Vocal & Stem Separation Studio

stems • Demucs 4-Stem Model • WebAssembly Execution

02:14.300

master_track_full_mix.wav

Master:

-1.2 dB

STEM 1

Vocals

Acapella Track

STEM 2

Drums & Percussion

Transient Kit

STEM 3

Bassline

Sub & Low Freq

STEM 4

Instruments / Other

Synths, Guitars, FX

Original Codex Reference Mockup Full PNG