OpenDesign·你的设计资产库

网页参考

Lynn Fisher

一个具有文学性、手工质感美学的排版作品集。

PortfolioCSS

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

匠艺精工文学极简复古

一本精心设计的书封或复古招贴画

02

色彩

#2A2521Ink
#EAE4DABG
#9A9590Muted
rgba(42, 37, 33, 0.15)Line

在温暖的米白色上使用高对比度的单色方案,营造印刷品的质感。

03

字体

transitional-serif

  • display72px · 700
  • heading18px · 400
  • body14px · 400
  • caption11px · 400

所有文本均使用过渡衬线字体。 · 导航链接采用大写形式,字间距宽。 · 章节编号使用罗马数字。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

垂直间距充裕,在名称、副标题和导航之间建立清晰的层次关系。

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)。排版完全采用过渡衬线字体,名称大而粗壮,导航链接为大写且字间距宽松。关键禁忌:避免无衬线字体、避免明亮强调色、避免圆角、避免沉重投影、避免小写导航、避免复杂的多栏布局。其设计基因在于克制、以排版为主导的优雅,并具有复古印刷美学。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。