按钮
Clean minimal button with soft tones, subtle borders, and generous spacing
- 基础骨架
font-light tracking-wide rounded-full border transition-all duration-300 ease-in-out- 变体
- 主要、次要、柔和
- 状态
- hover、active、disabled
韩式极简组件配方
font-light tracking-wide rounded-full border transition-all duration-300 ease-in-out bg-[#3d4a5c] text-[#faf9f7] border-[#3d4a5c] hover:shadow-sm hover:opacity-80 active:scale-[0.98]卡片
Clean minimal card with generous whitespace, soft background, and light borders
- 基础骨架
bg-[#faf9f7] rounded-2xl border border-[#3d4a5c]/10 shadow-sm transition-all duration-300 ease-in-out- 变体
- 默认、腮红
- 状态
- hover
输入框
Subtle minimal input with thin borders and soft placeholder text
- 基础骨架
w-full rounded-xl border border-[#3d4a5c]/15 bg-[#faf9f7] text-[#3d4a5c] placeholder:text-[#3d4a5c]/30 font-light tracking-wide focus:outline-none transition-all duration-300 ease-in-out- 变体
- 默认、腮红
- 状态
- focus、disabled