01
设计气质 DNA
匠艺精工文学极简复古
一本精心设计的书封或复古招贴画
02
色彩
#2A2521Ink#EAE4DABG#9A9590Mutedrgba(42, 37, 33, 0.15)Line在温暖的米白色上使用高对比度的单色方案,营造印刷品的质感。
03
字体
- display
72px · 700 - heading
18px · 400 - body
14px · 400 - caption
11px · 400
所有文本均使用过渡衬线字体。 · 导航链接采用大写形式,字间距宽。 · 章节编号使用罗马数字。
04
间距
4px8px16px24px32px48px64px96px垂直间距充裕,在名称、副标题和导航之间建立清晰的层次关系。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;通过间距实现分隔。
06
布局
960container
12columns
24pxgutter
768 / 1024breakpoints
居中的垂直堆叠布局,留有充足空白和对称的导航。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
静态截图中未观察到动效。
从截图无法判断;可能为细微的状态变化。 · 从截图无法判断;可能导航至相应章节。
08
组件
- button 无可见按钮;导航为简洁的文本列表。
- card 无卡片;内容以单页布局呈现。
- chip 无可见的标签或芯片。
- input 无可见的输入框。
- hero 极简的首屏:大号排版的名称和副标题,居中。
09
文案语气与禁用清单
- 语气 直接、精炼、沉稳自信。
- 标题风格 大号、全大写、字间距宽松的衬线字体,以达到最大视觉冲击力。
- 按钮文案 无明确号召性用语;导航即为主要操作。
- 不要使用无衬线字体——截图显示的是一套基于衬线字体的排版系统。
- 不要使用明亮、饱和的强调色——截图使用的是温暖的单色方案。
- 不要使用圆角——截图显示的是尖锐、未圆角的边缘。
- 不要使用沉重的投影或复杂的边框——截图完全依赖纯粹的间距。
- 不要使用小写的导航——截图显示的是大写、字间距宽松的导航链接。
- 不要使用复杂的多列网格布局——截图显示的是简单的居中堆叠。
- 避免: 避免浮夸效果、不必要的装饰或复杂布局。
11
System Prompt
这是设计师 Lynn Fisher 的作品集网站,定位为一个具有匠艺感和文学性的体验。主要颜色为温暖的米白色背景 (#EAE4DA) 和近黑色文本 (#2A2521)。排版完全采用过渡衬线字体,名称大而粗壮,导航链接为大写且字间距宽松。关键禁忌:避免无衬线字体、避免明亮强调色、避免圆角、避免沉重投影、避免小写导航、避免复杂的多栏布局。其设计基因在于克制、以排版为主导的优雅,并具有复古印刷美学。