Soft3D-liteTactile2019–2021#02 · Morphism
Neumorphism
Soft extruded UI where elements appear physically pressed out of the background. Uses paired light/dark shadows of the same background color.
Pioneered by: Alexander Plyuto
Color Palette
Base Grey
#e0e5ec
Shadow Dark
#a3b1c6
Shadow Light
#ffffff
Accent Blue
#4a90e2
Text Dark
#4a5568
Typography
DisplayAa Bb Cc
H2Aa Bb Cc
H3Aa Bb Cc
BodyAa Bb Cc
CaptionAa Bb Cc
MonoAa Bb Cc
Component Gallery
// Buttons
// Cards
// Form Elements
// Navigation Bar
LOGO
HomeAboutWorkContact
// Badges & Tags
Design SystemComponentv2.0BetaNewFeaturedOpen Source
Mobile Preview
Key Characteristics
01
Dual box-shadow: one light (top-left) and one dark (bottom-right)
02
Card and page background share the exact same color (e.g. #e0e5ec)
03
No borders — shape is defined by shadow contrast alone
04
Inset shadow variant for pressed/active states
05
Very low contrast — significant accessibility challenge
Industries & Business Models
Neumorphism works best for these industries