按钮
Fragmented angular button with muted earth tones and geometric offset shadows
- 基础骨架
font-bold uppercase tracking-wider rounded-none border-2 skew-x-[-3deg] transition-all duration-200- 变体
- 主要、次要、石板
- 状态
- hover、active、disabled
立体主义组件配方
font-bold uppercase tracking-wider rounded-none border-2 skew-x-[-3deg] transition-all duration-200 bg-[#5c4033] text-[#e8dcc8] border-[#5c4033] shadow-[3px_3px_0_#8b7355] hover:translate-x-[1px] hover:translate-y-[1px] hover:shadow-[1px_1px_0_#8b7355] active:translate-x-[3px] active:translate-y-[3px] active:shadow-none卡片
Fragmented card with angular geometry, muted earth tones, and layered offset borders
- 基础骨架
bg-[#e8dcc8] border-2 border-[#5c4033] rounded-none text-[#5c4033] transition-all duration-200- 变体
- 默认、棱角
- 状态
- hover
输入框
Angular input with earth-toned borders and geometric offset focus state
- 基础骨架
w-full bg-[#e8dcc8] border-2 border-[#5c4033]/40 rounded-none font-bold text-[#5c4033] placeholder:text-[#5c4033]/40 placeholder:uppercase focus:outline-none transition-all duration-200- 变体
- 默认、石板
- 状态
- focus、disabled