Tendência visual
Neumorfismo
Neumorphism
Faz os controles parecerem moldados na própria superfície por meio de sombras suaves.
REPRODUZINDO AGORAPausa para
uma ideia.◀ ▶ ▶
uma ideia.◀ ▶ ▶
Exemplo didático · Representação visual do padrão
Quando usar
Explorar controles simples em composições de apresentação.
Cuidados e acessibilidade
A proximidade de tons dificulta contraste: reforce bordas, rótulos e estados.
Como reconhecer
Superfície quase monocromática, sombras claras e escuras em lados opostos e relevo suave.
Não confunda
Neumorfismo imita relevo de uma superfície; eskeuomorfismo pode imitar um objeto completo.
Exemplo de código
.superficie {
background: #e7eaf0;
border: 1px solid #9196a3;
box-shadow: 6px 6px 14px #b9bdc7,
-6px -6px 14px #fff;
}Trecho didático. Integre e teste no contexto do seu projeto.