Soft UI · Tactile · Modern
Aura. Neumorphism
A tactile Soft UI system where paired light and dark shadows turn a single cool-clay surface into physical controls.
01
Preview
Live HTML · responsive · interactive
02
Design Principles
The decisions that make the style coherent.
- 01
Use one continuous material across the whole page.
- 02
Describe elevation with paired light and dark shadows.
- 03
Turn pressed states inward to preserve physical logic.
- 04
Use violet as the sole chromatic accent.
03
Colors
Background#E0E5EC
Clay#D1D9E6
Ink#3D4852
Muted#6B7280
Accent#6C63FF
04
Typography
InterfacePlus Jakarta Sans
300–800 · friendly and rounded
HeadingPlus Jakarta Sans
700 / 800 · soft authority
05
Components
- Soft navbar↗
- Tactile hero↗
- Inset controls↗
- Feature cards↗
- Pricing cards↗
- Soft accordion↗
06
Patterns
- Raised surfaces◆
- Inset controls◆
- Paired shadows◆
- Single material◆
- Press-depth feedback◆
READY TO USE
Download design.mdGive your agent a point of view.
Download the complete specification and add it to your project context.