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

单色极简组件配方

font-sans font-medium tracking-wide rounded-none transition-all duration-200 bg-[#111111] text-[#fafafa] border border-[#111111] hover:bg-[#333333] active:scale-[0.98]
button

按钮

Pure black-and-white button with sharp edges

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

卡片

Minimal card with clean borders and no rounded corners

基础骨架
bg-[#fafafa] border border-[#e5e5e5] rounded-none overflow-hidden
变体
默认
状态
hover
input

输入框

Sharp-edged input with clean border

基础骨架
w-full bg-[#fafafa] border border-[#e5e5e5] text-[#111111] placeholder:text-[#666666]/50 focus:outline-none rounded-none transition-all duration-200
变体
默认
状态
focus、disabled