Patterns & Textures
Grids decorativos, dividers, texturas e padrões visuais que compõem o DNA visual do Fluxr Pro.
Dot Grid
16px · lime dots · backgrounds
Line Grid
48px · lime lines · hero sections
Radial Glow
lime center glow · hero/CTA
Gradient Divider
linear-gradient(90deg, transparent, var(--brand-primary)/40, var(--brand-primary)/40, transparent)
Solid Divider
#222f49 · border padrão entre sections
Dashed Divider
1px dashed · separação secundária
Scanlines
Overlay CRT sutil · overlays dramáticos
Ambient Glow
Glow difuso · transições entre sections
Cross Pattern
tile 60×60 · SVG branco · opacity 0.05 via ::before · landing Agentes de Voz
background-image: url("data:image/svg+xml,..."); /* 60×60 SVG tile */
opacity: 0.05; /* aplicado no ::before */
opacity: 0.05; /* aplicado no ::before */
Hachura Diagonal
45° · 8px · branco 6% · seções com densidade textural
repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0px 1px, transparent 1px 8px)
Xadrez Sutil
conic-gradient · 20px · lime 5% · painéis e hero
conic-gradient(lime/5 90deg, transparent 0 180deg, lime/5 0 270deg, transparent 0)
background-size: 20px 20px
background-size: 20px 20px
Radar / Ondas
radial multicamada · 80px · lime · seções em destaque
radial-gradient(circle, lime/12 1px, transparent 1px),
radial-gradient(circle, transparent 29%, lime/5 30%, transparent 31%), …
background-size: 80px 80px
radial-gradient(circle, transparent 29%, lime/5 30%, transparent 31%), …
background-size: 80px 80px
Ruído SVG
feTurbulence fractalNoise · monocromático · opacity 0.04
<feTurbulence type="fractalNoise" baseFrequency="0.65"
numOctaves="3" stitchTiles="stitch"/>
<feColorMatrix type="saturate" values="0"/>
numOctaves="3" stitchTiles="stitch"/>
<feColorMatrix type="saturate" values="0"/>