本页出处
设计风格资料库
内容来自 luckymaomi 的 UI 风格库(复刻版),以 MIT 许可 提供。本站镜像收录,仅作学习参考;这一页的原始地址是 原站页面。
← 回到导览访问原站仓库
返回配方目录
Victorian Botanical

维多利亚植物组件配方

font-serif font-medium tracking-wide rounded-sm border-2 transition-all duration-300 bg-[#2d4a2d] text-[#faf5ef] border-[#2d4a2d] hover:bg-[#8b6914] hover:text-[#faf5ef] hover:border-[#8b6914] active:scale-[0.98]
button

按钮

Vintage botanical button with ornate borders, serif font, and earthy green tones

基础骨架
font-serif font-medium tracking-wide rounded-sm border-2 transition-all duration-300
变体
主要、次要、金色
状态
hover、active、disabled
card

卡片

Vintage card with parchment background, ornate double borders, and botanical styling

基础骨架
bg-[#faf5ef] border-2 border-[#2d4a2d]/40 rounded-sm text-[#2d4a2d] font-serif transition-all duration-300
变体
默认、华丽
状态
hover
input

输入框

Parchment-style input with botanical green border and vintage serif placeholder

基础骨架
w-full bg-[#faf5ef] border-2 border-[#2d4a2d]/30 rounded-sm font-serif text-[#2d4a2d] placeholder:text-[#2d4a2d]/40 placeholder:italic focus:outline-none transition-all duration-300
变体
默认、华丽
状态
focus、disabled