按钮
Swiss-style button with strict alignment, black/white/red palette and minimal rounding
- 基础骨架
font-sans font-bold uppercase tracking-widest rounded-sm transition-all duration-150- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
瑞士国际风格组件配方
font-sans font-bold uppercase tracking-widest rounded-sm transition-all duration-150 bg-black text-white hover:bg-[#e30613] hover:text-white active:opacity-80卡片
Grid-aligned card with minimal black border and clean spacing
- 基础骨架
bg-white border border-black font-sans transition-all duration-200- 变体
- 默认、强调、反色
- 状态
- hover
输入框
Clean bottom-line input with Helvetica/sans-serif typography
- 基础骨架
w-full border-0 border-2 border-black rounded-none bg-transparent font-sans text-black placeholder:text-gray-400 focus:outline-none transition-colors duration-200- 变体
- 默认、强调
- 状态
- focus、disabled