Neumorphism
Neumorfismo
Neumorfismo é um estilo suave, de baixo contraste. Sombras claras e escuras fazem os controles parecerem levantados ou pressionados em uma superfície de cor única.
Outro exemplo
Um controle de áudio conceitual usa sombras claras e escuras para dar forma ao seu discador principal.
Partes principais
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Use-o quando
Use-o apenas como um pequeno detalhe visual depois de testar bordas de controle e estados de foco.
Não o use quando
Nunca o use para formulários densos. Baixo contraste frequentemente oculta as bordas e estados dos controles.
Nome usado no código
paired inset/outset shadows Antes de lançar
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Neumorfismo (Neumorphism). User context: Um controle de áudio conceitual usa sombras claras e escuras para dar forma ao seu discador principal. Design concept to apply: Neumorfismo (Neumorphism). Why it fits: Use-o apenas como um pequeno detalhe visual depois de testar bordas de controle e estados de foco. Do not use it when: Nunca o use para formulários densos. Baixo contraste frequentemente oculta as bordas e estados dos controles. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Isto não é um padrão normativo. Seu nome, limites e comportamento esperado podem mudar de uma fonte para outra. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Conferir este pedido
Review how Neumorfismo (Neumorphism) is used now. Definition: Neumorfismo é um estilo suave, de baixo contraste. Sombras claras e escuras fazem os controles parecerem levantados ou pressionados em uma superfície de cor única. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.