LSMS | Master Color System
The Daily Squeeze Brand Board
Global Protocol
Glassmorphism + Neon Glow
Brand Identity Explorer
This interactive dashboard translates the LSMS master document into usable components. The left panel allows for rapid navigation. The stage below dynamically renders the selected segment's colors exactly as they should appear on broadcast—utilizing the mandated "futuristic newsroom" dark backgrounds and neon glow typography. Use the interactive swatches to copy HEX values directly to your clipboard.
Classic Lemon
Daily News
Primary dashboard UI, daily headlines, anchor backdrops, breaking alerts.
Core Palette (Click to Copy)
Primary Gradient
Secondary Gradient
Glow Protocol
Neon — High Intensity
Lower thirds, breaking news text outlines, live bug
Recommended Palette Balance
Represents the volumetric usage of color in UI design. Dark bases dominate backgrounds, while Primary and Accent colors are reserved for critical data and active UI elements.
Emotional Tone
Urgent, crisp, authoritative, electric.
The LSMS Glow Standard
- UI Elements: 2px solid border, 8px glow radius, 60% opacity.
- Text: Double text-shadow layer (10px blur + 20px blur).
- Ambience: Radial gradients behind glass panels at 15-20% opacity.
Glassmorphism Protocol
- Background: Dark Base at 40% to 70% opacity.
- Blur: 24px backdrop-filter.
- Border: 1px solid Primary Color (25% opacity) with white inset shadow.
- Lighting: Top-Left virtual light source.
Global Gradients
- Base Grid: Dark Base (100%) to Black (100%).
- Active Overlay: Top-to-Bottom Linear gradient of Light Base (5%) to transparent.
- Usage: Creates depth without distracting from data.
Visual Weight & Distribution
Recommended brand color usage proportions. This chart helps maintain the "Lemonade Stand" high-energy digital aesthetic without visual clutter.
Elementor UI Sandbox
A live preview of typographic and component rules for dark-mode containers. This showcases the "Electric Neon" branding in its native environment.
The Lemonade Stand
WITH TRIPLE EYE DJ
Body copy is rendered in Crisp White for maximum readability against the Midnight Grid backdrop.
Structural Implementation Rules
How to apply these global colors into functional site components within Elementor or your blog.
Component Specs
-
Neon Buttons Use Primary Cyan with 4px border radius. Apply a 15px glow shadow using the Primary hex.
-
Containers Main body background should be Midnight Grid. Use Navy (#001220) for feature cards.
Typography Glow
To replicate the brand's logo glow in Elementor, apply a Text Shadow to headings:
Blur: 12px
X/Y: 0
