Audio Lounge is one studio with two front doors. The admin cockpit is the control room. The public site is the live room. They share an 8 px grid, monospace for machine-speech, and a 3 px rule for "armed" state — nothing else. The boundary between them is a hard cut by design. This document reads bridge-first: what crosses the cut, then each theme under load, then the cut itself.
If the system works, every primitive on this page feels like the same idea rendered twice — once for people reading numbers, once for people making records. If any row feels like two different products, that's the bug.
Three plates, increasing density. Gold appears only where something is armed, measured, or recommended — never as decoration. Every numeric value ships with a provenance tag, so a reader can tell what's observed vs. modeled before they ask.
| Date | Artist · Project | Room | Hours | Rate | Booked | Status |
|---|---|---|---|---|---|---|
| 18 Apr | Marla Tenn · LP overdubs | Studio B | 12 | $140.00 | $1,680.00 | Confirmed |
| 19 Apr | Horizon Kid · single tracking | Studio A | 8 | $220.00 | $1,760.00 | Hold |
| 20 Apr | Della Finch · vocal comp | Studio C | 4 | $95.00 | $380.00 | Confirmed |
| 21 Apr | Saint Lumen · live-to-tape | Studio A | 10 | $220.00 | $2,200.00 | Confirmed |
| 22 Apr | Nye Alder · mixdown | Studio D | 6 | $110.00 | $660.00 | Tentative |
| 23 Apr | IKO Trio · EP pickup | Studio B | 9 | $140.00 | $1,260.00 | Confirmed |
Admin uses four neutrals, one gold, five semantics. They only appear like this — as working surfaces — never as a chip wall. Teal exists in tokens as a reserved chart color; treat it as out-of-system for UI.
Three plates, same escalation. The amber→violet gradient exists once per page, on the display headline. Used anywhere else it reads as trend, not brand. Every headline is Archivo Black because a studio you can walk into should have weight on the page.
A working studio since '76. Neve 1073s, a Studer A800 calibrated monthly, and a couch that has held more Grammys than most offices.
Neve 1073 sidecar, Studer A800, the room Marla cut her second record in.
Tighter, drier, closer. Iso booth, two-mic kit, a floor that stays put.
One chair, one window, a Sony C-800G and a bottle of water.
SSL 4000G, ATC 110s, the softest lights in the building.
Four plum neutrals in an elevation stack. Four named accents. Each accent carries exactly one meaning on the storefront — do not rehome them.
Crossing between the storefront and the cockpit is a full-page navigation. No shared header. No crossfade. No "you are now in the admin" banner. The cut is the feature — different people, different voices, different rooms.
Enforcement. Separate Next layout trees. Separate CSS entry points. A lint rule blocks --al-* in /dashboard and --gd in /website. If you are building a feature that wants to span both surfaces — onboarding, referral, notification — you are building two features. Link them by deep link, not by chrome.
/my cards. One accent per pricing tier instead of three leaking simultaneously. Removed hero-card ::before gradient rail..al-card, .al-card-hero, .al-eyebrow, .al-display-sm/md/lg, .al-btn-primary, .al-btn-ghost, .al-tier-badge, .al-gradient-text — and a fallback @supports not (background-clip: text) so the display line never ships invisible.border-radius.