Magic Jones
brand swatch
Colors and type pulled from the professional logo and YouTube channel. The old site palette is included only as a legacy reference — don’t lead with it.
Core palette
Use these as the site’s CSS variables. Brand green for identity and CTAs; forest tones for atmosphere; ink/paper for readable surfaces.
How to use it (non-designer cheat sheet)
Do
- DoLead with the mint logo green — it’s the designed brand mark.
- DoPut brand name large and early; one headline, one short line, one CTA.
- DoUse forest greens for dark heroes / video backdrops so mint still pops.
- DoKeep body text dark ink on paper — readability over “mood.”
- DoUse mist (#E0F9F2) for soft section washes instead of pure gray.
Don’t
- Don’tLead with the old slate / taupe / gold palette — it fights the logo.
- Don’tUse the Mobirise hot pink (#FF3366) anywhere — not part of the brand.
- Don’tPut mint text on white for small body copy (contrast is weak).
- Don’tStack lots of competing greens + yellow + gold in one viewport.
- Don’tDefault to purple gradients, glow stacks, or pill-badge clutter.
Typography
Road Rage (Habchi) echoes the logo — short display moments only.
Raleway handles UI, headlines, and body. Drop licensed files in
/fonts/RoadRage/; until then the display sample falls back to Impact.
Magic
Jones
Placeholder path: /fonts/RoadRage/Road_Rage.woff2
Make it great — new songs, albums, and live streams.
Music is like water. It’s everywhere and necessary for survival. Hundreds of songs, music videos, and stories — collected in one place.
Live Mon–Sat · Mountain Time
Quick composition check
A rough “does this feel like Magic Jones?” mock using only the core palette. If you removed the wordmark, the mint + forest should still feel like the brand.
Jones
Songs worth staying for
Originals, covers, and the stories behind them.
Remnants of Truth
Eleven tracks. Cover art, notes, and video for each song.
Download library
Account-gated MP3s — better home than a secret URL.
CSS variables (copy/paste)
:root { --brand: #00D28C; --brand-bright: #27E27F; --brand-deep: #00B96A; --brand-dark: #2C3925; --brand-forest: #242E1D; --brand-mid: #61A470; --brand-soft: #7ED685; --brand-mist: #E0F9F2; --ink: #1A1F1C; --ink-soft: #3A433E; --paper: #FFFFFF; --paper-warm: #F4F7F5; --line: #D5DED9; --font: "Raleway", system-ui, sans-serif; --font-display: "Road Rage", Impact, sans-serif; }
Legacy palette (old magicjones.com — don’t lead with these)
From the Mobirise theme. Fine as occasional neutrals if needed; skip the pink.