A warm, approachable design system rooted in neumorphic depth, generous rounded corners, and colored shadows that feel alive to the touch.
24K
Happy Users
98%
Satisfaction
4.9
App Rating
Interactive building blocks built on Soft UI principles.
Variants
Sizes
States
Soft, harmonious tones with matching neumorphic shadows.
Primary
#6366f1
Indigo 500
Secondary
#f1f5f9
Slate 100
Accent Pink
#ec4899
Pink 500
Accent Green
#10b981
Emerald 500
Accent Amber
#f59e0b
Amber 400
Surface
#ffffff
White
Usage Guidelines
CTAs, interactive elements, active states, focus rings. Always pair with colored shadow.
Input backgrounds, ghost buttons, tag backgrounds. Base of the neumorphic surface.
Pink #ec4899, Green #10b981, Amber #f59e0b. Semantic highlights and category markers.
The do and don't of building with Soft UI.
Soft UI pairs rounded, friendly typefaces with soft gray text hierarchy.
Soft & Round
Friendly Interface
Approachable Design
Gentle Aesthetic
Soft UI brings warmth and clarity to every interaction.
Low saturation colors and generous rounded corners create visual comfort.
Secondary text uses slate-500 for low contrast harmony.
Font Family
Inter / System UI
Rounded, friendly proportions
Base Size
16px / 1rem
Comfortable reading size
Line Height
1.6 — relaxed
Generous breathing room
Soft toggles, checkboxes, tabs and dropdowns with pillow-press states.
Toggles
Checkboxes
Pill Tabs
A gentle introduction to our soft, approachable design system — built for warmth and clarity.
Dropdown
Soft status messages with neumorphic treatment.
Info
Here is some helpful information to guide your next action.
Success
Your changes have been saved successfully.
Warning
Please review your settings before continuing.
Error
Something went wrong. Please try again.
Rounded progress bars with soft-tinted fills and inset track.
Real teams building warmer products with Soft UI.
The softness of this system immediately put our users at ease. Engagement went up 34% after the redesign.
Sarah Chen
Head of Design
I never thought colored shadows could make such a difference. The depth feels real, not decorative.
Alex Kim
Product Engineer
Our consumer app onboarding felt cold. After switching to Soft UI principles, retention improved dramatically.
Jordan Lee
Growth Lead
Soft UI design is rooted in the belief that interfaces should feel friendly, not clinical. Through neumorphic depth, pastel palettes, and pillow-press interactions, we create digital experiences that users genuinely enjoy touching.