返回配方目录
Art Nouveau

新艺术运动风组件配方

font-serif tracking-wide rounded-full transition-all duration-300 ease-in-out bg-[#2d5016] text-[#f5f0e1] border-2 border-[#c9a227] shadow-md hover:bg-[#c9a227] hover:text-[#2d5016] hover:shadow-lg active:scale-95
button

按钮

Organic curved button with flowing vine-like borders and Art Nouveau poster aesthetic

基础骨架
font-serif tracking-wide rounded-full transition-all duration-300 ease-in-out
变体
主要、次要、轮廓
状态
hover、active、disabled
card

卡片

Elegant card with organic vine borders and Mucha-inspired decorative elements

基础骨架
bg-[#f5f0e1] rounded-2xl border-2 border-[#c9a227]/60 shadow-md transition-all duration-300 ease-in-out
变体
默认、金色、藤蔓
状态
hover
input

输入框

Elegant input with organic Art Nouveau styling and golden accents

基础骨架
w-full rounded-full border-2 border-[#c9a227]/40 bg-[#f5f0e1] text-[#2d5016] placeholder:text-[#8b6db5]/50 focus:outline-none transition-all duration-300 ease-in-out
变体
默认、紫藤
状态
focus、disabled