Film Grain
Textura de
granulação.
Camadas de ruído analógico aplicadas via SVG filter. Quatro níveis de intensidade para diferentes contextos de uso.
Subtle (5%)
opacity: 0.05
Light (10%)
opacity: 0.1
Medium (15%)
opacity: 0.15
Heavy (25%)
opacity: 0.25
Blend Modes
Modos de
mesclagem.
Seis modos CSS mix-blend aprovados para uso na identidade visual. Cada um produz uma fusão única entre camadas de cor da paleta.
Blur Effects
Efeitos de
desfoque.
Backdrop-filter blur em quatro níveis. Usado para glassmorphism, overlays e painéis de navegação.
No Blur
backdrop-filter: blur(0px)
Subtle (4px)
backdrop-filter: blur(4px)
Medium (8px)
backdrop-filter: blur(8px)
Heavy (16px)
backdrop-filter: blur(16px)
Glow Effects
Três tipos
de brilho.
Neon, Soft e Ring — cada glow cria uma atmosfera distinta usando box-shadow com a paleta de cor da Maggium.
Neon Glow
box-shadow: 0 0 8px rgba(212,101,29,0.4), 0 0 24px rgba(212,101,29,0.2)
Soft Glow
box-shadow: 0 0 16px rgba(212,101,29,0.15)
Ring Glow
box-shadow: 0 0 0 2px rgba(212,101,29,0.3), 0 0 16px rgba(212,101,29,0.2)
Overlay Composites
Efeitos
compostos.
Scanlines CRT e Vignette — camadas de pós-produção que adicionam profundidade cinemática às superfícies.
