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

暗色画廊风组件配方

font-sans text-xs tracking-[0.15em] transition-colors duration-200 bg-transparent text-[#666666] hover:text-white hover:text-white hover:opacity-80
button

按钮

Minimal transparent or amber-accented button for dark gallery interfaces

基础骨架
font-sans text-xs tracking-[0.15em] transition-colors duration-200
变体
幽灵
状态
hover、disabled
card

卡片

Image card with hover metadata reveal, for gallery grids

基础骨架
group relative overflow-hidden bg-[#1A1A1A] rounded-sm cursor-pointer
变体
默认、精选
状态
hover
input

输入框

Dark background input with minimal styling for contact forms

基础骨架
w-full bg-transparent border border-[#2A2A2A] px-0 py-2 text-sm text-white placeholder:text-[#555555] focus:outline-none focus:border-[#C4956A] transition-colors duration-200 font-sans font-light
变体
默认
状态
focus