01
设计气质 DNA
极简专业简洁设计师作品集
一个整洁的画廊式展览空间,用于展示设计作品。
02
色彩
#FFFFFFInk#999999Ink soft#000000BG#666666Mutedrgba(255,255,255,0.1)Line严格的单色基础,让项目图像为界面提供所有色彩。
03
字体
- display
56px · 400 - body
16px · 400
所有文本使用干净的无衬线字体。 · 标题字号大,字重轻,字间距略紧。 · 正文字号小,字重常规,并使用柔和的色彩表示次要信息。
04
间距
4px8px16px24px32px48px64px96px充裕的留白与垂直韵律,营造冷静、专注的布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框;通过间距与图像实现视觉分隔。
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
项目卡片采用简单的双栏网格,顶部为单栏页头。
07
动效与交互
0msmicro
0mssmall
0msmedium
No visible motion in the static screenshot.easing
截图中无可见悬停状态。 · 截图中无可见点击状态。
08
组件
- button 截图中无可见按钮;导航基于文本。
- card 项目卡片由全出血图像构成,下方配有标题和简短描述。
- chip 未见标签组件。
- input 未见输入框。
- hero 一个大型文本区域,包含标题和一个指向下方内容的微妙箭头指示器。
09
文案语气与禁用清单
- 语气 专业、直接、含蓄。
- 标题风格 以第一人称陈述,描述角色与经验。
- 按钮文案 一个微妙的向下箭头和标签“精选项目”作为软性号召性用语。
- 不要添加装饰性元素——截图显示布局完全整洁,无任何点缀。
- 不要使用高对比度强调色——截图显示严格的黑白配色。
- 不要使用衬线或装饰性字体——截图显示干净、现代的无衬线字体。
- 不要使用粗边框或阴影——截图显示通过留白和图像实现元素分隔。
- 不要让界面杂乱——截图显示极简的页头和专注的项目网格。
- 不要使用复杂动画——截图显示静态、内容聚焦的呈现方式。
- 避免: 避免过度装饰或表现主义的字体风格。
- 避免: 避免在网站框架中使用复杂配色或渐变。
- 避免: 避免不必要的界面元素或杂乱。
11
System Prompt
这是一个面向品牌与产品设计师的极简个人作品集。设计基因由严格的黑色背景(#000000)和白色/浅灰色(#FFFFFF, #999999)文本定义,营造出高对比度、画廊般的感受,将所有焦点置于彩色项目图像上。字体完全使用无衬线体,标题大而轻,正文小而常规。布局宽敞且基于网格,运用充裕留白形成韵律。关键禁忌:避免任何装饰性点缀、网站框架中的彩色强调,或复杂的界面组件。系统本身绝不能引入黑、白、灰以外的界面色彩。