OpenDesign·你的设计资产库

网页参考

Thms Works

一个面向品牌与产品设计师的极简个人作品集网站。

PortfolioCleanRestraintTypography

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

01

设计气质 DNA

极简专业简洁设计师作品集

一个整洁的画廊式展览空间,用于展示设计作品。

02

色彩

#FFFFFFInk
#999999Ink soft
#000000BG
#666666Muted
rgba(255,255,255,0.1)Line

严格的单色基础,让项目图像为界面提供所有色彩。

03

字体

humanist-sans

  • display56px · 400
  • body16px · 400

所有文本使用干净的无衬线字体。 · 标题字号大,字重轻,字间距略紧。 · 正文字号小,字重常规,并使用柔和的色彩表示次要信息。

04

间距

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

充裕的留白与垂直韵律,营造冷静、专注的布局。

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)文本定义,营造出高对比度、画廊般的感受,将所有焦点置于彩色项目图像上。字体完全使用无衬线体,标题大而轻,正文小而常规。布局宽敞且基于网格,运用充裕留白形成韵律。关键禁忌:避免任何装饰性点缀、网站框架中的彩色强调,或复杂的界面组件。系统本身绝不能引入黑、白、灰以外的界面色彩。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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