按钮
Bold button with warm earth tones, strong borders, and textile-inspired patterns
- 基础骨架
font-bold uppercase tracking-wider rounded-none border-3 transition-all duration-300 ease-in-out- 变体
- 主要、次要、森林
- 状态
- hover、active、disabled
非洲纺织组件配方
font-bold uppercase tracking-wider rounded-none border-3 transition-all duration-300 ease-in-out bg-[#c4501f] text-[#f0c75e] border-[#f0c75e] shadow-md shadow-[#c4501f]/30 hover:shadow-lg hover:scale-105 hover:brightness-110 active:scale-95卡片
Dark card with warm earth-toned borders evoking African textile patterns
- 基础骨架
bg-[#2c1810] rounded-none border-4 border-[#c4501f] shadow-lg transition-all duration-300 ease-in-out- 变体
- 默认、肯特、森林
- 状态
- hover
输入框
Input with dark background, bold borders, and warm earth-toned accents
- 基础骨架
w-full rounded-none border-2 border-[#c4501f]/50 bg-[#2c1810] text-[#f0c75e] placeholder:text-[#f0c75e]/40 font-bold tracking-wide focus:outline-none transition-all duration-300 ease-in-out- 变体
- 默认、肯特
- 状态
- focus、disabled