Sombras & Efeitos
O princípio do design system: sombras offset sem blur. Profundidade honesta — sem ilusionismo. O objeto existe no plano, a sombra mostra onde.
box-shadow: Xpx Xpx 0 color — blur sempre zero. O offset cria ilusão de elevação sem fingimento. Quanto maior o offset, mais elevado o elemento parece. No hover, o offset colapsa e o elemento translada — simulando pressão física.
Escala de Sombras
Quatro tokens. Use --shadow-md para 90% dos casos.
Botões secundários, badges, elementos sutis
Botões primários, cards padrão — o mais usado
Cards de destaque, modais, elementos hero
CTAs de alta prioridade, elementos de marca
Hover — Efeito de Pressão
Passe o mouse para ver o collapse da sombra. Comportamento padrão de todos os elementos clicáveis.
Border Radius
Mínimo. O arredondamento excessivo contradiz o estilo neo-brutalista.
Padrão para botões e badges
Cards e inputs
Componentes maiores — usar com moderação
Tags e avatares circulares
Efeitos Especiais
Highlight, tape e rule — metáfora de material impresso aplicada ao digital.
O EuMilitar forma candidatos aprovados nas principais escolas militares do Brasil com método comprovado e disciplina.
--rule — linha divisória em bege médio