按钮
Clean geometric button with retro mid-century feel and subtle shadow
- 基础骨架
font-sans font-semibold tracking-wide uppercase rounded-sm shadow-sm transition-all duration-200- 变体
- 主要、次要、青色
- 状态
- hover、active、disabled
中世纪现代组件配方
font-sans font-semibold tracking-wide uppercase rounded-sm shadow-sm transition-all duration-200 bg-[#e8572a] text-white hover:shadow-md hover:translate-y-[-1px] active:shadow-none active:translate-y-0卡片
Clean card with geometric accent and retro cream background
- 基础骨架
bg-[#f5f0e1] rounded-sm shadow-sm border-4 border-[#e8572a] transition-shadow duration-200- 变体
- 默认、青色强调
- 状态
- hover
输入框
Clean geometric input with retro mid-century styling
- 基础骨架
w-full bg-[#f5f0e1] border-2 border-[#2a6e5e] border-0 border-0 border-0 rounded-none text-[#1a1a1a] placeholder:text-[#2a6e5e]/40 focus:outline-none transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled