Elevação & efeitos
Profundidade num tema escuro
Em dark UI, sombras não bastam para separar camadas: combinam-se com bordas, backdrop blur e o glow verde ambiente. Elevação 1 a 5, mais um glow especial da marca.
01
Escala de elevação
e1
Cards em repouso
e2
Cards hover, dropdowns
e3
Popovers, tooltips
e4
Modais, sheets
e5
Dialogs críticos
02
Glow, o efeito assinatura
O verde da marca aparece como um halo suave em elementos-chave: logo, CTAs primários, foco.
03
Opacidade
100%
95%
90%
80%
70%
60%
50%
40%
30%
20%
15%
10%
5%
04
Backdrop blur & glassmorphism
Usado em overlays, sheets, tooltips e no efeito de superfície das cards.
blur-subtle
8px · Cards, painéis padrão
blur-modal
16px · Overlays de modal
blur-hero
32px · Backgrounds decorativos