Neomorphism

Neomorphism, also spelled neumorphism, is a user interface design trend that blends elements of skeuomorphism and flat design. It emphasizes tactile, three‑dimensional-looking components formed by soft, extruded shapes that appear to float on or sink into the background. The effect is produced through restrained color palettes and the use of highlights and shadows to create convex and concave surfaces.

Visual style in neomorphic design centers on rounded cards, buttons, toggles, and input fields that share a common surface color with their background. Subtle shadows and light highlights imply depth, often with a light source from the top left. Surfaces are typically monochromatic or pastel, with minimal texture, aiming for a gentle, almost sculptural look rather than explicit realism.

Origin and usage: the term gained prominence in the design community during the late 2010s and is associated with a modern evolution of skeuomorphism that avoids heavy textures while seeking a tangible feel. It is widely discussed in relation to web and mobile interfaces, though its decorative emphasis means it is used selectively, particularly in branding or UI elements intended to be distinctive rather than functionally dominant.

Criticism and limitations: neomorphism has drawn scrutiny for accessibility and usability concerns. Low contrast between surfaces and adjacent text can hinder readability, and the style can complicate keyboard focus indicators and color-contrast requirements. It may also perform poorly in dark mode or on high-density displays, and can increase cognitive load if overapplied.

Best practices: employ neomorphic elements sparingly, ensure sufficient contrast for text and controls, provide clear focus indicators, and test across devices and lighting conditions. Combine with traditional high-contrast patterns for essential information to maintain usability while preserving the aesthetic.