按钮
Earthy button with warm tones, rounded-full shape, and gentle transitions
- 基础骨架
font-medium rounded-full transition-colors duration-300- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
自然有机风组件配方
font-medium rounded-full transition-colors duration-300 bg-stone-800 text-stone-50 hover:bg-stone-700 active:bg-stone-900卡片
Warm organic card with cream background and natural rounded corners
- 基础骨架
bg-[#faf6f1] rounded-[2rem] border border-stone-200 transition-colors duration-300- 变体
- 默认、鼠尾草、暖色
- 状态
- hover
输入框
Organic input with rounded-full shape and warm focus colors
- 基础骨架
w-full bg-white rounded-full border border-stone-200 text-stone-800 placeholder:text-stone-400 focus:outline-none transition-all duration-300- 变体
- 默认、奶油
- 状态
- focus、disabled