Soft UI design with extruded shapes, subtle shadows, and tactile interactions.
01 / Colors
Background
#E0E5EC
Accent
#6D5DFC
Text
#31344B
Success
#27AE60
Warning
#F39C12
02 / Typography
Display / 40px / Bold
Soft Shadows
Heading / 28px / Semibold
Extruded Shapes
Subheading / 20px / Medium
Tactile Interface
Body / 16px / Regular
Nunito is a rounded sans-serif with balanced letterforms that complement soft UI aesthetics.
Small / 14px / Regular
Captions, labels, and secondary information
03 / Spacing
04 / Components
Buttons use dual shadows to create a raised appearance. Press states invert the shadow direction.
05 / Forms
06 / Cards
Dual shadows create the illusion of elements extruding from the background surface.
Interactive elements respond with pressed states that feel physically realistic.
Limited color palette lets shadow work define hierarchy and depth.
07 / Widgets
Nested shadows create layered depth effects.
08 / Controls
09 / Badges