01
设计气质 DNA
策展灵感图库简洁参考
一个精选的网页设计杰作画廊。
02
色彩
#000000Ink#FFFFFFBG#666666Mutedrgba(0, 0, 0, 0.1)Line高对比度单色方案，使用中性背景让截图得以充分展现。
03
字体
- display
64px · 700 - body
14px · 400
大型衬线标题用于核心视觉冲击 · 小型无衬线字体用于界面元素 · 橙色强调色仅用于计数器
04
间距
4px8px16px24px32px48px64px96px8px 垂直间距单位
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(0, 0, 0, 0.05)
无
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
双列网格展示截图，标题位于下方
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
图库项目上的微妙 hover 效果
图库项目上的细微图像缩放或亮度变化 · 导航至详情页面
08
组件
- button 简约的文字链接或带边框的小按钮
- card 截图图片配以下方标题，无可见容器边框
- chip 无
- input 无可见元素
- hero 大型居中衬线标题，下方有小号橙色计数器
09
文案语气与禁用清单
- 语气 权威而含蓄
- 标题风格 直接、大而清晰
- 按钮文案 含蓄的文字链接
- 避免使用亮色背景——截图显示为纯白。
- 避免使用厚重的投影——截图显示为无边框的扁平卡片。
- 避免使用彩色界面元素——截图显示为严格单色的界面。
- 避免为标题使用无衬线字体——截图使用的是过渡型衬线字体。
- 避免使用复杂的网格——截图显示为简单的双列网格。
- 避免使用装饰性图标——截图依赖字体排印和间距。
- 避免: 炫目的动画
- 避免: 刺眼的色彩
- 避免: 杂乱的界面
11
System Prompt
Httpster 是一个极简的图库式网站设计灵感目录。它采用简洁的单色配色，纯白背景（#FFFFFF）搭配黑色排版（#000000），仅用小面积橙色（#E66A20）作为文字计数器的强调色。标题的主要字体类别是过渡型衬线字体，而界面元素则使用人文主义无衬线字体。关键设计规则：绝不为图库卡片添加可见边框，避免杂乱布局或装饰元素，并保持充足的留白，让展示的截图成为视觉焦点。