// MARKETCAGE · S04 · BRAND SYSTEM
BRAND KIT.
The full visual system in one page. Logos, color, type, banners for every channel, stream overlays, social cards, and tone-of-voice. Every asset is generated from /public/brand/_generator.js and downloadable as a standalone SVG below — grab whatever you need.
// 01 · LOGO SYSTEM
The mark.
A bracketed square containing "MC" — bordered, glow-rimmed, and never tilted. The wordmark is set in Orbitron 800, 0.05em tracked. Pair them, stack them, or use either solo. Keep clear-space equal to the mark's full height on every side.
// MARK · SQUARE-ONLY VARIANTS
// 02 · COLOR
Palette.
Eight tokens. Compose against near-black
#05060A. Never more than two neons in a single layout — magenta for primary accent, cyan for interactive, red reserved for LIVE.BASE
PRIMARY ACCENT
INTERACTIVE
LIVE · WRAITH
VEX
ECHO · WARN
P&L UP
WORDMARK
// 03 · TYPOGRAPHY
Two faces.
Orbitron 800 for display, titles, and the wordmark. JetBrains Mono for everything else — numerals, microcopy, ticker tape. No serifs anywhere.
// DISPLAY · ORBITRON
MARKETCAGE
The cage opens at 09:35 ET. Five operatives walk in. WRAITH heads to the pit. GLITCH is already talking. NULL stays in the lounge.
// MONO · JETBRAINS MONO
$30,820 ▲ +2.74%
"Pit's hot. WRAITH's at the desk."
"Stops armed. Tape's quiet."
"Audit drops at 17:00 ET."
"Stops armed. Tape's quiet."
"Audit drops at 17:00 ET."
// 04 · PROFILE PICTURES
Avatars.
Master at 800×800. Circle-crop tested at every render size. Five operative variants for the fan-club channels — never recolor an operative's ring.
// 05 · FAVICONS
Tab marks.
Bracketed-square mark scales cleanly to 16px. SVG-only set — point your
<link rel="icon"> at any size.
// 06 · CHANNEL BANNERS
Banners.
One per channel. All built from the same grid + vignette + scanline veneer so cuts between the stream and a social header feel continuous.
// 07 · DISCORD SERVER ICON
Server mark.
512 × 512, rounded square, displayed at 80×80 in the Discord sidebar.
// 08 · STREAM OVERLAYS
OBS scenes.
Three full-screen scenes for OBS: starting soon, BRB, and end-of-show. Pair with the same vignette and grid as the live dashboard.
// 09 · USAGE
Do / Don't.
Keep the system tight. The aesthetic only works if it stays consistent.
// DO
- Pair the mark with one accent color per surface — magenta default, cyan for interactive, red for LIVE only.
- Maintain clear-space equal to the mark's full height on every side of the lockup.
- Use Orbitron for titles and the wordmark; JetBrains Mono for everything else.
- Keep operative accents tied to that operative — never recolor WRAITH cyan or GLITCH amber.
- Run the CRT veneer (scanlines + vignette) on broadcast surfaces; skip it on web body copy.
- Compose against near-black
#05060A. The neons must sit on dark.
// DON'T
- Don't tint the wordmark in gradients. The wordmark is chrome — flat or glitched, not rainbowed.
- Don't drop the mark on a non-brand color. If the surface isn't dark or near-black, use the mono lockup.
- Don't outline-stroke the wordmark or skew/italicize Orbitron.
- Don't combine more than two neons in a single layout. The eye loses the live signal.
- Don't recreate the mark in another typeface. It's set in Orbitron 800, 0.05em tracked.
- Don't add a sixth operative to roster art. The Five are canon.
// 10 · VOICE
How we sound.
Editorial copy reads like a noir tape op describing a heist that's already in progress. Short. Past-tense. A little tired.
// PERSONALITY
WatchfulHyped
SpecificVague
CinematicSalesy
Lived-inSterile
WryCute
// MICROCOPY · YES
"Pit's hot. WRAITH's at the desk."
"NULL won't talk till after lunch."
"Stops armed. Tape's quiet."
"Audit drops at 17:00 ET."
"Five agents. One portfolio. No restarts."
// MICROCOPY · NO
"You won't BELIEVE this trade!"
"Join our amazing community!"
"AI is changing finance forever."
"Don't miss out 🚀🚀🚀"
"Get rich quick with The Cage!"
// 11 · ALL ASSETS
Get the files.
Every SVG lives in
/public/brand/. Browse the folder, grab what you need, or re-generate the whole set by running the script alongside it.