Soft UI
Molded from one cool clay surface
Neumorphism with RGBA dual shadows, 32px hyper-rounded cards, nested extrude/inset depth, and accessible #3D4852 text.
7.5:1
Contrast
32px
Radius
0
Borders
44px
Touch min
Features
Extruded cards with inset-deep icon wells—no borders, no white backgrounds.
Dual RGB shadows
Top-left light, bottom-right dark—rgba only, never flat hex.
Inset deep wells
Icons and inputs carved 10px into the cool clay surface.
Nested depth
Extruded card → inset well → raised icon—physics on display.
How it works
Mold surface
Global #E0E5EC—cards match body, never white.
Press inputs
Inset deep on focus with violet ring offset.
Lift on hover
translate-y-[-2px] + extruded hover shadow.
Complex nested depth
- Plus Jakarta Sans display + DM Sans body
- Concentric extruded/inset circle art in hero
- Primary CTA #6C63FF with accent inset active
- Teal #38B2AC for positive check indicators
Softform demonstrates extruded → inset deep → extruded nesting. Inputs use inset default and inset deep on focus with violet rings offset on #E0E5EC.
Voices
“Finally neumorphism that feels tactile—not washed out.”
Rina P. — Product
“The icon wells look genuinely drilled in. Love the physics.”
Tom H. — Design
“WCAG contrast on #3D4852 text—accessible soft UI.”
Eva L. — A11y
Journal
RGBA shadows vs hex
Why rgb(163,177,198,0.6) blends on cool grey.
Hyper-rounded 32px cards
Pillowed corners reinforce soft UI.
Nested neumorphic depth
Three layers of extrude and inset.
Pricing
Clay
$12
- > 5 projects
- > Basic shadows
Soft
$39
- > Nested depth kit
- > Deep inset
- > Priority
- > API
Studio
$99
- > Team seats
- > Custom mould
- > SLA
FAQ
Never. Shadows define every edge in neumorphism.
Feel the mould
Tactile, calm, physically grounded—cool grey discipline.