Neumorphism

Soft UI design with extruded shapes, subtle shadows, and tactile interactions.

01 / Colors

Color Palette

Background

#E0E5EC

Accent

#6D5DFC

Text

#31344B

Success

#27AE60

Warning

#F39C12

02 / Typography

Type Scale

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

Spacing Scale

4px
8px
16px
24px
32px
48px

04 / Components

Buttons

Buttons use dual shadows to create a raised appearance. Press states invert the shadow direction.

05 / Forms

Input Fields

06 / Cards

Card Components

☀️

Light & Shadow

Dual shadows create the illusion of elements extruding from the background surface.

👆

Tactile States

Interactive elements respond with pressed states that feel physically realistic.

🎨

Monochromatic

Limited color palette lets shadow work define hierarchy and depth.

07 / Widgets

Clock Widget

Nested shadows create layered depth effects.

12:00

08 / Controls

Toggles & Sliders

Enable notifications
Dark mode

Slider

Progress

Upload Progress 75%

09 / Badges

Status Indicators

Default Primary Success Warning