按钮
Warm earthy button with rounded corners and soft shadows
- 基础骨架
font-sans font-medium rounded-xl shadow-md transition-all duration-200- 变体
- 主要、次要、强调
- 状态
- hover、active、disabled
赤陶暖调组件配方
font-sans font-medium rounded-xl shadow-md transition-all duration-200 bg-[#b5654a] text-white hover:shadow-lg hover:brightness-105 active:shadow-sm active:brightness-95卡片
Warm card with rounded corners and soft earthy shadow
- 基础骨架
bg-[#faf5ef] rounded-2xl shadow-md border border-[#d4a373]/30 transition-shadow duration-200- 变体
- 默认、边框
- 状态
- hover
输入框
Warm earthy input with rounded corners and subtle border
- 基础骨架
w-full bg-[#faf5ef] border border-[#d4a373]/50 rounded-xl text-[#5a3425] placeholder:text-[#b5654a]/40 focus:outline-none transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled