HeartofWar DAW — Main Interface Mockup

🫀HEARTOFWAR · CALI 2 NY SESSION — "GOLDEN STATE".HW

CPU

28%

DSK

● 44.1kHz / 24bit

Position

001:03:048

BPM

094.00

Time Sig

Loop

START

001:01

END

009:01

Master Vol

Level

-1.2 dB

Click

Sync

Plugins + Add

🔍

All

Synth

MIDI

Instruments

WarSynth Pro

HoW

808 Bassline

HoW

Cali Drums MK2

HoW

NY Boom Bap Kit

HoW

Gold Rhodes

Massive X

VST3

Audio FX

War Compressor

HoW

Sunset Reverb

HoW

Subway Delay

HoW

4-Band EQ

HoW

Saturate

HoW

FabFilter Pro-Q 4

VST3

Waves SSL G-Bus

VST3

MIDI

Chord Generator

HoW

Arpeggiator

HoW

Arrangement — GOLDEN STATE

Snap: 1/8 Zoom: 1x ⚙

Lead Vox

Audio · Mono

BGV Stack

Audio · Stereo

808 Bass

MIDI · WarSynth

Drum Kit

MIDI · Cali Drums

Gold Rhodes

MIDI · Rhodes

Sample Chop

Audio · Stereo

Pad Atmos

Audio · Stereo

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Intro Vox

Verse 1

Chorus 1

BGV Verse 1

BGV Chorus

808 Intro

808 Verse

Drum Pattern — Loop x4

Chord Prog — Muted

Chop 1

Chop 2

Chop Loop

Atmosphere — Pad (Stretch)

Mixer

Inserts Sends EQ

Lead Vox

War Comp

4-Band EQ

Saturate

— empty —

PAN

-1.2

BGV Stack

SSL G-Comp

FabFilter Q4

— empty —

PAN

-4.8

808 Bass

War Comp

Subway Dly

— empty —

PAN

+0.8

Drum Kit

SSL G-Bus

4-Band EQ

— empty —

PAN

-2.0

Rhodes

Sunset Rev

— empty —

PAN

R10

—

Sample

War Comp

— empty —

PAN

-3.5

🫀 MASTER

Limiter

SSL G-Bus

FabFilter Q4

Ozone 11

PAN

-1.2

Inspector

Clip

Env

Track — Lead Vox

Color

Gain +0.0 dB

Delay Comp Auto

War Compressor

Thresh

-18dB

Ratio

4:1

Attack

3ms

Release

80ms

Makeup

+4dB

Mix

100%

4-Band EQ

LF Shelf +2.0 dB

Mid Peak -3.5 dB

HF Shelf +4.2 dB

Clip Info

File vox_take3.wav

Sample Rate 44.1 kHz

Bit Depth 24 bit

Duration 2:14.08

Session Saved

7 Tracks · 22 Clips

Recording Armed: Lead Vox

SS26 · Season Active: May – Aug 2026

HeartofWar: 3 pending actions

Transport Bar Spec

Height: 56px. Background: #0D1117 (1 shade darker than navy-mid for visual separation).
Playback buttons: 32x32px, border-radius 4px. Active Record state uses Signal Red (#FF4E1A) with a 12px glow shadow.
Position display: JetBrains Mono 14px, Green Go (#27C47A) — shows beats:bars:ticks format.
BPM: JetBrains Mono 22px, Gold Fire (#F4A035). Double-click to edit inline.
Master Vol: Custom CSS range slider, 96px wide, 4px track height. Thumb: 12x12px circle with Gold Fire border.

Track Editor Spec

Track row height: 56px. Expandable to 112px for automation view.
Color pills: 3px wide, 32px tall, 100px border-radius. Each track gets a unique color from a 12-color system derived from the brand palette.
Clip waveforms: SVG polyline rendered in real-time from audio buffer. Color matches track color at 65-70% opacity.
MIDI clips: SVG rects representing note pitch (y) and duration (width). Background at 8-10% track color opacity.
Grid: 6.25% column divisions (1 beat at 16-bar zoom). Lighter lines at 1/16, heavier at 1/4, heaviest at bar 1.

Mixer Channel Strip Spec

Strip width: 72px fixed. Scrollable container for unlimited channels.
Insert slots: 4 slots per channel, 16px height, 2px gap. Loaded state: blue tint for stock FX, gold tint for HoW proprietary FX.
Fader track: 8px wide, vertical. Background: #0D1117. Thumb: 28x12px, horizontally oversized to aid grab target (touch-friendly).
VU meter: 6px wide, segmented fill (green/yellow/red zones). Segments refresh at 60fps via Web Audio API meter node.
Master strip: Left border 2px Gold Fire as visual anchor. Fader thumb uses gold gradient to distinguish from regular channels.

Plugin Browser & Properties

Plugin icons: 20x20px colored squares (border-radius 3px). Color-coded by type: Blue=Synth, Gold=FX, Signal=Drum, Green=MIDI.
HoW tag: Indicates proprietary HeartofWar plugin. "VST3" / "AU" / "3P" indicate third-party.
Properties panel: 260px fixed width. Tabbed: Inspector (track), Clip (clip properties), Env (automation envelopes).
Knobs: 40x40px circles, radial gradient background. Indicator line: 3px wide, Gold Fire. Rotate CSS transform for value changes.
EQ canvas: SVG overlay on grid background. Curve: Gold Fire 1.5px stroke. Zero line: 0.5px dashed Ash.