精选 · 开放 · 免费
Wallpaperprojects
一个用于视觉设计项目的极简主义高艺术数字作品集。
EditorialGalleryCurationPremiumClean
01
设计气质 DNA
画廊策展设计导向视觉文化
一家高端设计杂志的数字展览空间。
02
色彩
#1E1E1EInk
#FBF9F3BG
rgba(30, 30, 30, 1.0)Line
采用温暖米白背景的严格单色系,让项目图像提供所有色彩。
03
字体
transitional-serif · geometric-sans · monospace
- display
180px · 400 - display
48px · 400 - body
12px · 400
所有展示文本采用高对比度的过渡衬线体,字距紧凑。 · 所有UI与功能文本采用宽阔的几何无衬线体。 · 导航与小标签使用大写字母,主标题则不用。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
100px
布局宽敞慷慨,区块清晰,主要间距较大,内容块之间留有充足内边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 20px
lg · 20px
pill · 9999px
极简,仅用于滚动指示器和菜单图标等UI元素,采用1px实线。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
简洁的单栏布局,优先呈现大型沉浸式图像与排版,带有固定头部。
07
动效与交互
220msmicro
300mssmall
500msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing
多数状态变化采用平滑减速过渡(持续时间0.2秒和0.5秒)。 · 内容出现与消失时采用透明度渐变。
光标移至交互元素时变为指针;透明度或颜色发生微妙过渡。 · 无独立点击状态显示,可能沿用与悬停相同的过渡效果。
08
组件
- button 药丸形按钮,采用大写几何无衬线文本,用于主要操作。
- card 简洁的无边框容器,用于展示项目图像及其对应的衬线体标题。
- hero 全出血视觉主导区域,展示大型抽象图像与超大排版标题。
09
文案语气与禁用清单
- 语气 精致、内敛、自信。
- 标题风格 大型、富有表现力的衬线排版,形成强烈的视觉宣言。
- 按钮文案 简洁、全大写几何无衬线字体,置于封闭的药丸形内。
- 不要使用纯白色(#FFFFFF)背景——截图显示为温暖的米白色(#FBF9F3)画布。
- 不要为主要衬线展示字体加粗——截图显示其始终为常规字重(400)。
- 不要使用紧凑的居中布局——截图显示布局开阔,常采用左对齐或全出血构图。
- 不要引入多种强调色——截图显示为严格的单色方案,色彩仅来自摄影作品。
- 不要为按钮使用圆角矩形——截图显示为全药丸形按钮,圆角半径很大。
- 不要在头部中垂直堆叠Logo——截图显示其位于左上角单行内。
- 避免: 视觉杂乱或不必要的装饰元素。
- 避免: 刺眼、高饱和度的强调色。
- 避免: 复杂的、多元素导航。
- 避免: 僵化、过于依赖网格的布局。
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个用于设计工作室的高端画廊风格编辑网站。它采用非常温暖的米白色背景(#FBF9F3)和深色、近乎黑色的文本(#1E1E1E)。排版将大型高对比度过渡衬线体用于展示标题,将宽阔的几何无衬线体用于UI元素,常设置为大写。布局极简且宽敞,聚焦于大型沉浸式图像与排版。关键设计规则:1)不要使用纯白背景;使用温暖的米白色调。2)不要为主要衬线展示字体加粗;保持常规字重。3)不要引入刺眼的强调色;让项目摄影提供所有色彩变化。4)保持宽敞的间距和单栏流,以保持编辑级、画廊般的感受。
en · zh-CN · zh-TW · ja · ko