按钮
Bold angular button with propaganda poster aesthetic
- 基础骨架
font-sans font-black uppercase tracking-widest rounded-none skew-x-[-2deg] border-3 border-[#1a1a1a] transition-all duration-150- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
构成主义组件配方
font-sans font-black uppercase tracking-widest rounded-none skew-x-[-2deg] border-3 border-[#1a1a1a] transition-all duration-150 bg-[#cc0000] text-[#f2e8d5] hover:skew-x-0 hover:scale-105 active:scale-95卡片
Angular card with bold red/black constructivist framing
- 基础骨架
bg-[#f2e8d5] border-4 border-[#1a1a1a] rounded-none relative- 变体
- 默认、红色条
- 状态
- 静态
输入框
Angular input with bold constructivist border styling
- 基础骨架
w-full bg-[#f2e8d5] border-3 border-[#1a1a1a] rounded-none font-sans font-bold text-[#1a1a1a] placeholder:text-[#1a1a1a]/30 focus:outline-none transition-all duration-150- 变体
- 默认
- 状态
- focus、disabled