按钮
Sharp uppercase button with signal-orange hover and press scale
- 基础骨架
uppercase tracking-[0.15em] font-semibold rounded-none transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] active:scale-[0.98]- 变体
- 主要、次要、幽灵
- 状态
- hover
动力学排印组件配方
uppercase tracking-[0.15em] font-semibold rounded-none transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] active:scale-[0.98] bg-[#FF4D00] text-[#0B0B0C] hover:bg-[#F4F1EB] hover:-translate-y-0.5卡片
Numbered editorial row whose headline gains weight on hover
- 基础骨架
group border border-[#F4F1EB]/15 rounded-none py-8 px-1 bg-transparent transition-colors duration-500 hover:border-[#FF4D00]- 变体
- 行卡、抬升
- 状态
- hover
输入框
Bare underline field with orange focus baseline
- 基础骨架
bg-transparent rounded-none border border-[#F4F1EB]/20 py-3 text-xl text-[#F4F1EB] placeholder-[#F4F1EB]/25 focus:outline-none focus:border-[#FF4D00] transition-colors duration-500- 变体
- 下划线、边框
- 状态
- focus