按钮
Bold button with thick borders, sharp corners, and high contrast
- 基础骨架
font-bold uppercase tracking-widest border-4 border-black rounded-none transition-colors duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
几何大胆风组件配方
font-bold uppercase tracking-widest border-4 border-black rounded-none transition-colors duration-200 bg-black text-white hover:bg-red-500 hover:text-white hover:border-red-500 active:bg-blue-600 active:border-blue-600 active:text-white卡片
Bold card with thick border, sharp corners, and offset shadow
- 基础骨架
bg-white border-4 border-black rounded-none relative transition-all duration-200- 变体
- 默认、强调、反色
- 状态
- hover
输入框
Bold input with thick border, sharp corners, and color focus
- 基础骨架
w-full bg-white border-4 border-black rounded-none text-black font-medium placeholder:text-gray-400 focus:outline-none transition-colors duration-200- 变体
- 默认、偏移阴影
- 状态
- focus、disabled