按钮
Softer brutalist button with lighter shadows, pastel colors and reduced contrast
- 基础骨架
font-bold border-2 border-gray-800 rounded-none transition-all duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
柔和野兽派组件配方
font-bold border-2 border-gray-800 rounded-none transition-all duration-200 bg-pink-400 text-white shadow-[4px_4px_0px_0px_rgba(0,0,0,0.2)] md:shadow-[6px_6px_0px_0px_rgba(0,0,0,0.2)] hover:shadow-none hover:translate-x-[2px] hover:translate-y-[2px] active:translate-x-[4px] active:translate-y-[4px]卡片
Soft brutalist card with light gray shadows and pastel hover accents
- 基础骨架
bg-white border-2 border-gray-800 rounded-none transition-all duration-300- 变体
- 默认、粉色强调、天蓝强调
- 状态
- hover
输入框
Soft brutalist input with gray borders and pastel focus glow
- 基础骨架
w-full border-2 border-gray-800 rounded-none bg-gray-50 font-mono text-gray-800 placeholder:text-gray-400 focus:outline-none transition-shadow duration-200- 变体
- 默认、着色
- 状态
- focus、disabled