Visual Language
The effects that define Fluxr's visual character — glow, glassmorphism, grid, blur and gradient working together.
Brand Glow
Decorative background glows, radial blur
box-shadow: 0 0 30px
rgba(var(--brand-primary-rgb),0.2)
rgba(var(--brand-primary-rgb),0.2)
Glassmorphism
Modals, overlays, nav
backdrop-filter: blur(20px)
bg: rgba(255,255,255,0.05)
bg: rgba(255,255,255,0.05)
Glow Radial
Radial glows and subtle background dividers (NEVER in text, button, or card)
radial-gradient(ellipse,
rgba(var(--brand-primary-rgb),0.15), transparent)
rgba(var(--brand-primary-rgb),0.15), transparent)
Grid Background
Hero sections, backgrounds
bg-image: linear-gradient
grid 48×48px · opacity 0.15
grid 48×48px · opacity 0.15