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

北欧极简风组件配方

font-sans font-medium rounded-lg transition-all duration-200 bg-[#5a7a6b] text-white hover:opacity-90 hover:shadow-sm active:scale-[0.98]
button

按钮

Clean, warm button with natural tones, rounded corners and hygge comfort

基础骨架
font-sans font-medium rounded-lg transition-all duration-200
变体
主要、次要、轮廓
状态
hover、active、disabled
card

卡片

Warm beige card with soft borders, natural tones and minimalist hygge feel

基础骨架
bg-[#f5f0eb] border border-[#e0d8cf] rounded-lg overflow-hidden transition-all duration-200
变体
默认、白色、鼠尾草
状态
hover
input

输入框

Clean input with warm background, soft border and natural feel

基础骨架
w-full bg-white border border-[#d4ccc4] rounded-lg text-[#3d3d3d] placeholder:text-[#a09888] focus:outline-none transition-all duration-200
变体
默认、米色
状态
focus、disabled