OpenDesign·你的设计资产库

网页参考

Jun Works

一个以极简排版为核心的个人作品集,用于展示平面设计作品。

TypographyCleanCurationRestraintEditorial
Jun Works 网站截图

01

设计气质 DNA

排版极简作品集简洁个人

一本高端印刷作品集画册,具有干净的排版和充裕的留白。

02

色彩

#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line

严格的单色调,仅使用黑色和白色,以强调排版和内容。

03

字体

grotesque-sans

  • display54px · 400
  • body13px · 400

所有文本使用Neue Haas Grotesk或类似的怪诞无衬线字体 · 大型展示文本的字距保持紧凑的-2px · 所有元素统一使用400字重

04

间距

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

主要区域周围留有充裕的45px内边距,营造出宽敞、透气的布局。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

按钮和交互元素使用4px实线黑色边框,并采用药丸形(border-radius: 129.6px)圆角。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

单列居中布局,采用大号字体、充裕内边距,文本严格左对齐。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

链接和按钮的悬停过渡使用 'all' 属性

交互元素具有自定义光标变化和微妙过渡效果。 · 标准指针行为。

08

组件

  • button 药丸形按钮,带有4px实线黑色边框,白底黑字,内部留有充裕内边距。
  • card 不使用卡片,内容以连续文本块或列表形式呈现。
  • chip 药丸形标签(例如 #创意 #品牌),带有细黑色边框。
  • input 不设可见输入框,主要为静态内容。
  • hero 大号、加粗的介绍性文本块,字距紧凑,左对齐,占据视口主要区域。

09

文案语气与禁用清单

  • 语气 专业、简洁且高度精炼。
  • 标题风格 大号、加粗且字距紧凑的怪诞无衬线文本。
  • 按钮文案 带有细黑色边框和简洁文本的药丸形按钮。
  • 不要使用多种颜色——截图显示为严格的黑白单色调色板。
  • 不要使用装饰性字体——截图显示全文使用干净的怪诞无衬线字体。
  • 不要使用投影——截图显示为完全扁平化的设计元素。
  • 不要在按钮上使用直角——截图显示为药丸形(999px半径)按钮。
  • 不要使用过粗的字重——截图显示为一致的400字重。
  • 不要使用紧凑的间距——截图显示内容区域周围留有充裕的45px内边距。
  • 避免: 避免装饰性元素
  • 避免: 避免不必要的色彩
  • 避免: 避免复杂布局

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个为平面设计师打造的、以极简排版为核心的个人作品集。它采用纯黑(#000000)配纯白(#FFFFFF)的严格单色调色板。排版完全使用怪诞无衬线字体,具体为Neue Haas Grotesk,大型展示文本为54px、-2px字距和400字重。布局为单列,留有充裕的45px内边距。交互元素采用带有4px实线黑色边框的药丸形按钮。关键禁忌:避免使用黑色和白色以外的任何颜色,避免装饰性字体,避免投影,避免按钮使用直角,避免过粗的字重,以及避免紧凑的间距。该设计通过精炼的排版和充裕的留白来强调内容。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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