按钮
Rounded pill button with warm pumpkin orange CTA and friendly feel
- 基础骨架
font-medium rounded-full transition-all duration-200- 变体
- 主要、次要、深色
- 状态
- hover、active、disabled
鲜活市集组件配方
font-medium rounded-full transition-all duration-200 bg-[#e8722a] text-white hover:bg-[#d4641f] active:scale-95卡片
Warm rounded product card with soft shadow for food items
- 基础骨架
bg-white rounded-2xl shadow-sm overflow-hidden transition-shadow duration-200- 变体
- 默认、有机、精选
- 状态
- hover
输入框
Rounded search input with soft green border for product search
- 基础骨架
w-full bg-white rounded-full border border-[#d4e4bc] text-[#2d5016] placeholder:text-[#8b7355] focus:outline-none transition-colors- 变体
- 默认、奶油
- 状态
- focus、disabled