按钮
Large dramatic button for fullscreen hero call-to-action
- 基础骨架
font-semibold rounded-full transition-all duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
全屏英雄区布局组件配方
font-semibold rounded-full transition-all duration-200 bg-white text-black hover:bg-white/90 hover:shadow-lg active:scale-[0.98]卡片
Glassmorphic overlay card for fullscreen hero feature sections
- 基础骨架
bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 text-white transition-all duration-200- 变体
- 默认、实底、深色
- 状态
- hover
输入框
Glassmorphic input for hero section email capture forms
- 基础骨架
w-full bg-white/10 backdrop-blur-sm border border-white/30 rounded-full text-white placeholder:text-white/60 focus:outline-none transition-all duration-200- 变体
- 默认、实底
- 状态
- focus、disabled