Japanese kawaii warmth meets minimalist restraint. Pastel palettes, generous whitespace, and spring animations that feel like a warm hug.
Five core pastels inspired by cherry blossoms, warm cream, lavender fields, aqua morning mist, and golden afternoon light. Each swatch does a Cloud Lift on hover.
Gradient combinations
Every component is rounded, gentle, and interactive. Spring easing on all hover states — no rigid linear transitions.
Primary — Jelly Bounce (squash-stretch)
Outline & Gradient — spring easing
Size variants
Four named interaction patterns — hover or click each demo to feel the difference. Spring easing runs everywhere.
hover:scale-x-[1.05] hover:scale-y-[0.97]
cubic-bezier(0.34,1.56,0.64,1)
Hover to see squash-and-stretch
hover:-translate-y-2
hover:shadow-[0_20px_40px_rgba(244,114,182,0.25)]
Hover the card to float it upward
active:scale-[0.92] active:translate-y-[4px]
tightens shadow — soft-mushy tactile
Click and hold — feels like pressing a soft pillow
cubic-bezier(0.34,1.56,0.64,1)
vs linear — side by side
A mock lifestyle app showing the design system in context — rounded completions, pastel progress bars, Cloud Lift stats, and Jelly Bounce add button.
Friday, Feb 21
Three core ideas that define kawaii-minimal. Warmth without saccharine excess. Minimalism without coldness. Motion without rigidity.
No sharp edge survives
rounded-full for pills and avatars. rounded-3xl for cards. rounded-2xl minimum for all interactive elements. Organic shapes invite touch and trust.
Desaturated, warm, inviting
Every hue sits in the 200-300 Tailwind range. Never neon, never cold corporate blue. Tinted shadows that echo the card's accent color.
Elastic, joyful, never rigid
cubic-bezier(0.34,1.56,0.64,1) — the spring overshoots and settles. Squash-stretch on press. Linear transitions are banned from this style.
Every color is desaturated just enough to feel warm without being garish.
No sharp edge survives. rounded-2xl minimum, rounded-full for pills and avatars.
Generous padding and whitespace. Content never feels cramped or urgent.
Hover interactions overshoot and settle — like poking a marshmallow.
Shadows tinted with the card color, never gray or black. Soft and inviting.
Small heart, star, and flower accents tucked into corners for unexpected joy.