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

黑色电影组件配方

font-serif tracking-wide rounded-none transition-all duration-200 bg-neutral-100 text-neutral-950 hover:bg-neutral-200 active:scale-[0.98]
button

按钮

Dramatic high-contrast button with serif accents

基础骨架
font-serif tracking-wide rounded-none transition-all duration-200
变体
主要、警告
状态
hover、active、disabled
card

卡片

Dark dramatic card with stark contrast

基础骨架
bg-neutral-900 border border-neutral-700 rounded-none overflow-hidden
变体
默认
状态
hover
input

输入框

Dark input with high-contrast focus state

基础骨架
w-full bg-[#0a0a0a] border border-neutral-700 text-neutral-100 placeholder:text-neutral-500 focus:outline-none font-serif rounded-none transition-all duration-200
变体
默认
状态
focus、disabled