Linguagem Visual
Os efeitos que definem o caráter visual Fluxr — glow, glassmorphism, grid, blur e gradiente trabalhando em conjunto.
Brand Glow
Glows decorativos de fundo, radial blur
box-shadow: 0 0 30px
rgba(var(--brand-primary-rgb),0.2)
rgba(var(--brand-primary-rgb),0.2)
Glassmorphism
Modais, overlays, nav
backdrop-filter: blur(20px)
bg: rgba(255,255,255,0.05)
bg: rgba(255,255,255,0.05)
Glow Radial
Glows radiais e dividers sutis de fundo (NUNCA em texto, botão ou card)
radial-gradient(ellipse,
rgba(var(--brand-primary-rgb),0.15), transparent)
rgba(var(--brand-primary-rgb),0.15), transparent)
Grid Background
Hero sections, fundos
bg-image: linear-gradient
grid 48×48px · opacity 0.15
grid 48×48px · opacity 0.15