按钮
Mono uppercase label button with sharp corners; hover flips to international orange
- 基础骨架
font-mono uppercase tracking-widest rounded-none transition-colors duration-200- 变体
- 主要、描边、强调、文字
- 状态
- hover、active、disabled
超大字体排版组件配方
font-mono uppercase tracking-widest rounded-none transition-colors duration-200 bg-[#0A0A0A] text-[#FAFAF8] border border-[#0A0A0A] hover:bg-[#FF4D00] hover:border-[#FF4D00] hover:text-[#FAFAF8] active:bg-[#E64500]卡片
Index-row card: giant numbered title over a hairline, meta set in mono uppercase
- 基础骨架
bg-transparent rounded-none border border-[#0A0A0A]/15 transition-colors duration-200- 变体
- 索引行、边框、反色
- 状态
- hover
输入框
Bare underline input with mono uppercase text; the hairline turns orange on focus
- 基础骨架
w-full bg-transparent rounded-none border-0 border border-[#0A0A0A]/30 font-mono uppercase tracking-widest text-[#0A0A0A] placeholder:text-[#71717A] focus:outline-none transition-colors duration-200- 变体
- 下划线、边框、反色
- 状态
- focus、disabled