01
设计气质 DNA
极简专业排版驱动设计工程师
为数字作品集精心构建的建筑蓝图
02
色彩
#000000Ink#E1DFDDBGrgba(0,0,0,1.0)Line高对比度单色系搭配温暖中性背景
03
字体
- display
144px · 500 - h2
40px · 500 - body
16px · 400
所有标题与展示文本均采用大写形式 · 大号字体使用紧凑的字间距 · 正文使用 400 字重，标题使用 500 字重以形成字重对比
04
间距
4px8px16px24px32px48px64px96px170px基于 4px 网格的垂直韵律，搭配充足留白
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框；干净的边到边布局
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
具有充足负空间的非对称网格
07
动效与交互
220msmicro
400mssmall
1000msmedium
cubic-bezier(0.62, 0.05, 0.01, 0.99)easing
滚动时平滑的变换过渡 · 所有元素均定义了过渡属性
交互元素显示光标指针 · 提供即时视觉反馈
08
组件
- button 基于文本的极简导航，采用大写处理
- card 无边框或阴影的摄影元素
- hero 融合大型图像的全出血排版主视觉区
09
文案语气与禁用清单
- 语气 自信、专业、内敛
- 标题风格 粗体、大写、直接陈述
- 按钮文案 无按钮的极简文本导航
- 不要使用圆角 — 截图显示为锋利的矩形边缘
- 不要添加投影 — 截图显示为扁平、无阴影的表面
- 不要使用多种颜色 — 截图仅显示黑色与暖灰色
- 不要创建密集布局 — 截图显示为充足留白
- 不要使用小写标题 — 截图显示全大写文本
- 不要添加装饰性边框 — 截图显示无边框设计
- 避免: 装饰性元素
- 避免: 复杂动画
- 避免: 鲜艳色彩
- 避免: 拥挤布局
10
包内真实截图
11
System Prompt
这是为 Richard Ekwonye（目前是 Stripe 的设计工程师）设计的极简主义创意开发者作品集。设计采用严格的单色系配色，温暖中性背景（#E1DFDD）与黑色文字（#000000）。排版使用几何无衬线字体（PP Neue Montreal），具有极致的尺度对比，144px 展示字体与 16px 正文并存。关键设计原则：所有标题保持大写处理，保留充足留白（170px 垂直内边距），避免任何装饰性元素或边框，使用无 border-radius 的锋利矩形形状，并实现流畅的 1 秒 cubic-bezier 过渡。布局为非对称 12 列网格，专注于排版表达而非视觉装饰。