01
设计气质 DNA
精选极简灵感网页画廊
一个精炼的数字工艺博物馆,剥离噪音,聚焦卓越。
02
色彩
#FFFFFFInk#B3B3B3Ink soft#000000BG#939393Mutedrgba(255, 255, 255, 0.1)Line高对比度的单色画布,将所有的色彩表达都让给精选内容缩略图。
03
字体
- display
48px · 500 - body
17px · 400 - caption
14px · 400
保持标题字间距紧凑,以匹配精致、密集的美学。 · 正文使用统一的 400 字重,以保持沉静、均匀的视觉节奏。
04
间距
4px8px16px24px32px48px64px96px结构化布局,主视觉区与内容网格之间留有充足的呼吸空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 5px
lg · 6px
pill · 25px
纤细、微妙的 1px 白色边框,10% 不透明度,用于精细的结构分隔。
0px 0px 20px 0px rgba(0, 0, 0, 0.2)
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
非对称导航布局,主视觉区下方是整洁的三栏作品集网格。
07
动效与交互
200msmicro
300mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
交互元素在 hover 时平滑的颜色过渡。 · 状态变化时的微妙背景过渡。
文本和边框的微妙色彩变化,保持沉静氛围。 · 标签和链接的即时、响应式反馈。
08
组件
- button 药丸形状的分类筛选标签;微妙、高对比度且可交互。
- card 以图片为主的画廊卡片,附带极简文字描述和微小圆角。
- chip 水平滚动的分类筛选器,样式为药丸状。
- input 深色主题的内联输入框,带有微妙边框和集成箭头按钮。
- hero 一个巨大的、居中的文本声明,搭配一个简单的邮件订阅表单。
09
文案语气与禁用清单
- 语气 精致、欣赏且专注于工艺。
- 标题风格 直接、富有感染力的陈述,强调对设计的热情。
- 按钮文案 简洁、实用且不显眼的提示。
- 不要使用明亮、饱和的背景色 —— 截图显示的是严格的黑白基底。
- 不要使用厚重的投影或 3D 效果 —— 截图使用的是微妙、柔和的光晕或无效果。
- 不要使用装饰性或斜体的衬线字体作为 UI 文字 —— 截图显示的是简洁的人文无衬线字体。
- 不要用过多的边框让 UI 显得杂乱 —— 截图依赖于留白和纤细、低不透明度的线条。
- 不要大段使用居中对齐的正文 —— 截图保持文本左对齐,或仅对标题进行精心居中。
- 不要使用粗厚的圆角按钮 —— 截图显示的是纤细的药丸状标签或极简输入框。
- 避免: 喧闹的推广语言
- 避免: 鲜艳的背景色
- 避免: 厚重的装饰元素
10
包内真实截图
11
System Prompt
这是一个名为 Minimal Gallery 的高端精选设计目录,旨在让展示的作品在简洁、高对比度的画布上熠熠生辉。主色调严格单色:深黑 (#000000) 背景搭配纯白 (#FFFFFF) 和浅灰 (#B3B3B3) 的排版。排版大量依赖于简洁的人文无衬线字体(Inter),使用紧凑的字间距和统一的 400 字重,以维持沉静、精致的节奏。关键的设计约束包括:避免任何鲜艳的 UI 背景色、保持 UI 边框为 10% 的白色不透明度、使用充足的留白来框定三栏内容网格。语调是欣赏且克制的,完全聚焦于精选网页项目的美观与功能性。






