按钮
Bold typographic button with sharp edges, no shadows, and edge-to-edge gap-0 placement
- 基础骨架
font-sans font-black uppercase tracking-widest rounded-none transition-all duration-100 ease-out- 变体
- 黑色、红色、蓝色、黄色、轮廓
- 状态
- hover、active、disabled
瑞士海报风组件配方
font-sans font-black uppercase tracking-widest rounded-none transition-all duration-100 ease-out bg-[#000000] text-[#ffffff] border-2 border-[#000000] hover:bg-[#ff0000] hover:text-[#ffffff] hover:border-[#ff0000] active:scale-[0.98]卡片
Grid-aligned card with bold borders, no shadows, and color block hover states
- 基础骨架
bg-[#ffffff] rounded-none border-2 border-[#000000] transition-all duration-100 ease-out- 变体
- 默认、黑色色块、红色色块、蓝色色块
- 状态
- hover
输入框
Bottom-border-only input with bold sans-serif and transparent background
- 基础骨架
w-full rounded-none border-0 border-2 border-[#000000] bg-transparent text-[#000000] placeholder:text-[#000000]/20 font-sans font-bold focus:outline-none transition-all duration-100 ease-out- 变体
- 默认、红色
- 状态
- focus、disabled