按钮
Peaceful button with muted green tones and subtle borders
- 基础骨架
font-sans tracking-wide rounded-sm transition-all duration-200- 变体
- 主要、幽灵
- 状态
- hover、active、disabled
枯山水组件配方
font-sans tracking-wide rounded-sm transition-all duration-200 bg-[#4a5548] text-[#f5f3ee] border border-[#4a5548] hover:bg-[#3a4438] active:scale-[0.98]卡片
Calm card with warm stone-like borders
- 基础骨架
bg-[#f5f3ee] border border-[#c4bba8]/40 rounded-sm overflow-hidden- 变体
- 默认
- 状态
- hover
输入框
Minimalist input with complete hairline border and natural tones
- 基础骨架
w-full bg-transparent border border-[#c4bba8] text-[#4a5548] placeholder:text-[#7a7062]/50 focus:outline-none transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled